Как добавить календарь Google в WordPress (шаг за шагом)

Хотите добавить календарь Google на свой сайт WordPress?? Google Календарь - полезное приложение для вашего сайта, так как с его помощью вы можете легко...

Хотите добавить календарь Google на свой сайт WordPress??

Google Календарь — полезное приложение для вашего сайта, так как с его помощью вы можете легко делиться своими личными и виртуальными событиями, чтобы все ваши посетители могли видеть их.

В этой статье мы покажем вам, как добавить календарь Google в WordPress, шаг за шагом.

Зачем добавлять Google Календарь в WordPress

Google Календарь — один из наиболее широко используемых бесплатных инструментов Google. Добавив Google Календарь в WordPress, вы сможете легко отображать предстоящие события для своих посетителей.

Это позволит вам показывать предстоящие вебинары, виртуальные ретриты, онлайн-проповеди, коучинговые звонки и многое другое.

Кроме того, когда вы вносите изменения в календарь Google, календарь вашего сайта будет обновляться автоматически без дополнительной работы с вашей стороны.

Итак, давайте покажем вам, как добавить календарь Google на ваш сайт WordPress.

Добавление календаря Google в WordPress с помощью плагина

Первое, что вам нужно сделать, это установить и активировать Simple Calendar — Google Calendar Plugin. Для получения более подробной информации см. наше пошаговое руководство по установке плагина WordPress.

После активации вам нужно перейти по адресу Календари » Настройки настроить плагин.

Затем нажмите на ссылку «Google Developers Console».

Перейдите по ссылке Google Developer Console

Это приведет вас на Google Cloud Platform, где вы сможете подключить плагин к вашему Google Calendar. Это требует предоставления плагину доступа к данным вашего календаря с помощью ключа Google API.

Для этого нажмите кнопку «Создать проект».

Google Cloud нажмите кнопку создать проект

Это приведет вас к экрану, где вам нужно указать название проекта и выбрать «Организацию» и «Местонахождение».

Название может быть любым, но мы рекомендуем использовать что-то, что поможет вам идентифицировать проект. Для двух других полей вы можете просто ввести URL вашего сайта.

Затем нажмите кнопку «Создать».

Назовите и создайте новый проект API

После этого вы будете перенаправлены на приборную панель вашего проекта.

Здесь вам нужно нажать на опцию «Включить API и сервисы».

Включите API и сервисы

Откроется страница, на которой показаны все API Google.

Вам нужно выбрать ‘Google Calendar API’ в разделе ‘Google Workspace’, чтобы продолжить.

Выберите Google Calendar API

Затем нажмите кнопку «Включить».

Это активирует API, и вы сможете сгенерировать код API.

Включите API Google Calendar

На следующем экране нажмите кнопку «Создать учетные данные».

Затем выберите «Ключ API» из выпадающего списка.

Создайте учетные данные для ключа API

Появится всплывающее окно, содержащее ваш API-ключ.

Вам нужно скопировать это и вставить в ваш любимый текстовый редактор.

Скопировать ключ API

После этого вернитесь к экрану настроек плагина в вашей приборной панели WordPress и введите свой API-ключ.

Затем нажмите кнопку «Сохранить изменения».

Введите ключ API и сохраните

Теперь вы успешно связали свой сайт WordPress с Google Calendar и готовы добавить календарь на свой сайт.

Сделать календарь Google публичным

Если вы хотите поделиться календарем Google, то сначала вам нужно изменить настройки календаря, чтобы сделать его публичным.

Для этого сначала нужно открыть календарь Google, который вы хотите добавить на свой сайт WordPress.

Затем нажмите на иконку «шестеренка» и выберите «Настройки» из выпадающего списка.

Настройки Google Календаря

После этого нажмите на название календаря, которым вы хотите поделиться, в разделе «Настройки для моих календарей».

Это откроет индивидуальные настройки календаря на новой странице.

Нажмите на Google Calendar

Затем установите флажок «Сделать общедоступным» в разделе «Разрешения на доступ к событиям».

Затем нажмите «Ок» во всплывающем окне.

Поставьте галочку в поле

После этого прокрутите вниз до раздела «Интегрировать календарь».

Здесь вам нужно скопировать ‘Calendar ID’ и вставить его в текстовый редактор, чтобы иметь его под рукой на следующий шаг.

Копирование идентификатора календаря

Добавление календаря Google в WordPress

Далее вам нужно использовать плагин Simple Calendar для создания нового календаря, который вы встроите в свой сайт.

На панели управления WordPress просто перейдите в раздел Календари » Добавить новый чтобы открыть редактор календаря.

Добавьте новый календарь

Сначала введите название для вашего календаря. Вы заметите, что плагин уже добавил некоторые шорткоды и текст в текстовой области. Вы можете оставить все как есть и прокрутить вниз до поля ‘Настройки календаря’ под текстовым редактором.

Затем перейдите на вкладку ‘Google Calendar’ и вставьте ID календаря, который вы скопировали в текстовый редактор.

Добавить идентификатор календаря Google

Вы также можете нажать на другие вкладки в окне настроек календаря, чтобы настроить, как календарь будет отображаться на вашем сайте WordPress.

Когда вы закончите, просто нажмите кнопку «Опубликовать», чтобы сохранить календарь.

Отображение календаря Google на сайте WordPress

Календарь, который вы только что создали, еще не виден в вашем блоге WordPress. Вам все еще нужно добавить календарь в пост или страницу WordPress.

Чтобы добавить календарь на страницу, просто перейдите по ссылке Страницы » Добавить новый, и дайте вашей странице имя.

Затем нажмите на значок ‘Plus’, чтобы открыть меню блоков, и выберите опцию ‘Shortcode’.

Создание новой страницы Календаря Google

После этого вам нужно ввести шорткод для вашего нового календаря.

Вы можете найти его, перейдя по ссылке Календари » Все календари и найти соответствующий шорткод.

Найдите шорткод календаря

Как только вы закончите вносить изменения на странице календаря, просто нажмите кнопку «Опубликовать».

Вы можете добавить этот шорткод в любую область вашего сайта, включая виджеты, чтобы просто отобразить ваш новый календарь.

Ваш новый календарь теперь будет жить на вашем сайте WordPress. Он будет автоматически обновляться по мере добавления новых событий.

Когда ваши пользователи наводят курсор мыши на событие, отображается информация о событии.

Пример событий Google Calendar

Если вы хотите позволить пользователям бронировать встречи через Google Календарь, то смотрите наше руководство о том, как добавить события Google Календаря из контактной формы WordPress.

Мы надеемся, что эта статья помогла вам узнать, как добавить календарь Google в WordPress. Вы также можете посмотреть наше сравнение разницы между доменным именем и веб-хостингом и наши экспертные подборки лучшего программного обеспечения для расчета заработной платы для малого бизнеса.

Источник: www.wpbeginner.com

Оцените статью
Добавить комментарий