Как встроить Календарь Google в WordPress — 3 простых метода

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

Чтобы дать вам представление о том, насколько полезным может быть этот инструмент, давайте возьмем меня в качестве примера. Задолго до работы с WordPress я был студентом университета с напряженным графиком жизни. Это было весело, но я не успевал за многими вещами, так как у меня было так много дедлайнов, которые нужно было уложиться, и так мало памяти, чтобы запомнить их все. Затем был запущен Календарь Google, и с тех пор он спас меня — не меня, но и многих других.

В настоящее время существует более 250 000 веб-сайтов, которые классифицируются как клиенты Календаря Google, и почти 100 000 из них используют Календарь Google. Если вы не знакомы с Календарем Google, вам может быть интересно, что он делает, чтобы получить такое признание? Календарь Google помогает планировать встречи, создавать напоминания, управлять приглашениями на встречи и отвечать на них, делиться и просматривать календари и многое другое.

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

Введение в Календарь Google

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

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

Зачем встраивать Календарь Google в WordPress?

Теперь, когда мы понимаем, почему отдельные лица, группы и компании используют этот инструмент, давайте перейдем к тому, почему вы должны добавить Календарь Google на свой сайт WordPress:

1. Сообщите своим клиентам о будущих мероприятиях: использование Календаря Google для вашего веб-сайта дает вам возможность информировать своих клиентов о предстоящих мероприятиях, чтобы они могли найти время для участия. Таким образом, вы можете убедиться, что все знают заранее и присоединиться к событиям.
2. Управление личными встречами: если вышеперечисленное предназначено для пользователей, эта цель предназначена исключительно для вас. Вы можете управлять всеми своими действиями, перечисляя их здесь, добавляя заметки, напоминания и все необходимое для упрощения рабочего времени. Это основная цель Календаря Google для личного использования, но теперь, когда он интегрирован с вашим веб-сайтом, преимущества будут многократными.

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

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

Как встроить Календарь Google в WordPress? Пошаговое руководство

Есть 3 разных способа добавить Календарь Google в WordPress :

1. С плагином
2. Через редактор блоков WP
3. Использование HTML

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

1) Встроить Календарь Google в WordPress с помощью плагина

Теперь давайте посмотрим, как вы можете осуществить эту интеграцию, выполнив три простых шага. Несколько плагинов поддержки помогут вам встроить Календарь Google на ваш сайт WordPress. Однако в этом уроке мы будем использовать самый рекомендуемый плагин: Simple Calendar . Этот инструмент помогает вам отображать Календарь Google в WordPress очень простым способом.

Помимо отображения событий по неделям или месяцам или в формате списка, он также синхронизируется с вашим календарем Google, что означает, что вам не нужно ничего добавлять в WordPress. Более того, вы также можете настроить его внешний вид и пойти дальше, используя его многочисленные надстройки или подключаясь к другим плагинам.

Шаг 1: Добавьте простой календарь в WordPress

Первый шаг для добавления Календаря Google в WordPress — установить Simple Calendar на свой сайт. Для этого просто:

• В панели управления WordPress перейдите в раздел « Плагины ».
• Нажмите « Добавить новый », а затем введите « Простой календарь » в поле поиска.
• Там вы увидите Простой календарь — Плагин Календаря Google . Нажмите « Установить сейчас» и подождите несколько секунд, пока он не завершится.

• Перейдите в раздел « Установленные плагины » и активируйте его.

После того, как вы это сделаете, посмотрите на боковую панель, и вы должны увидеть раздел «Календари» с небольшим значком календаря. Это означает, что вы успешно установили Simple Calendar!

Шаг 2. Свяжите свой сайт с календарем

После того, как вы установили и активировали Календарь Google, вам необходимо подключить его к вашему сайту WordPress. Итак, чтобы настроить плагин, нажмите « Календари» — «Настройки ». Там вы увидите вкладку Источники событий и увидите, что она запрашивает ключ API Google. Здесь вы можете узнать, как получить доступ к API, но если вы не хотите читать все это, здесь мы кратко расскажем об этом для вас.

• Откройте консоль разработчиков Google
• В правом верхнем углу экрана нажмите «Создать проект» . Затем введите желаемое имя и нажмите « Создать ».

• Затем вы попадете на страницу API и служб. Здесь нажмите « Включить API и службы », чтобы получить доступ к библиотеке API.
• На следующем экране вы увидите окно поиска. Введите Calendar API , выберите предлагаемый результат Google Calendar API и включите его.

• После этого перейдите на вкладку «Учетные данные», нажмите « Создать учетные данные » и выберите « Ключ API », как показано ниже.

• Теперь вы увидите сгенерированный для вас ключ API. Нажмите Ограничить ключ для мер безопасности.
• Вы попадете на страницу сведений о ключе API, где вы увидите несколько вариантов.
  • В разделе « Ограничение приложений » выберите рефереры HTTP (веб-сайты) .

• • В разделе « Ограничения веб -сайта» выберите «Добавить элемент » и введите URL-адрес своего сайта. Сделав это, нажмите Готово

• • В разделе ограничений API выберите Ограничить ключ и API Календаря Google при выборе API, затем нажмите Сохранить.

Здорово! Вы благополучно прошли через самую сложную часть. Теперь не стесняйтесь копировать ключ API, вернитесь к полю внутри панели инструментов WordPress «Настройки календарей», где он запрашивает ключ API Google, и вставьте ключ. Нажмите Сохранить изменения и перейдите к следующему шагу. Ты почти там.

Шаг 3: Отображение Календаря Google в WordPress

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

• Сначала зайдите в Календарь Google и нажмите Настройки . Вы увидите левую боковую панель, прокрутите ее вниз, чтобы найти Настройки для моих календарей , и выберите календарь, который вы хотите отображать в WordPress.

• Нажав на календари, которые вы хотите отобразить, вы увидите раскрывающийся список, в котором вы должны щелкнуть « Разрешения на доступ ». Установите флажок Сделать доступным для всех.
• Затем нажмите « Интегрировать календарь » в том же раскрывающемся списке. Здесь скопируйте идентификатор под общедоступным адресом в формате iCal .
• Теперь вернитесь к панели инструментов WordPress и на вкладке «Календари» выберите « Добавить новый ».
• Введите название, которое вы хотите для своего календаря, а затем прокрутите вниз, пока не увидите настройки календаря . Там выберите вкладку Календарь Google , и вы увидите это:
• Вставьте идентификатор, скопированный на третьем шаге выше ( публичный адрес в формате iCal ), в поле идентификатора календаря.
• Нажмите Опубликовать

Поздравляем! Вы только что встроили Календарь Google.

Что делать, если вы не хотите использовать какие-либо сторонние инструменты? Мы вас прикрыли. Давайте рассмотрим другие способы добавления Календаря Google в WordPress без плагина .

2) Добавьте Календарь Google с помощью редактора блоков WordPress.

Другой вариант добавления Календаря Google к любому сообщению или странице на вашем сайте — использовать Блок Календаря Google . Этот метод очень прост и эффективен и не требует никакого кодирования.

1. 1. Итак, чтобы включить блок календаря Google на свой веб-сайт, перейдите на страницу или сообщение, где вы хотите добавить календарь, и нажмите « Добавить блок ».
   2. Затем введите Календарь Google и выберите соответствующий блок
   3. После добавления блока вам необходимо включить разрешения для календаря, которым вы хотите поделиться, и вставить код встраивания календаря в соответствующее поле.
   4. Итак, чтобы получить код для встраивания, который вам нужен на шаге 3, перейдите в Календарь Google, нажмите на 3 точки рядом с календарем и нажмите « Настройки и общий доступ ».
   5. После этого перейдите в раздел « Разрешения на доступ » и сделайте свой календарь общедоступным, установив флажок « Сделать доступным для всех ». Вы получите предупреждение о том, что это сделает все ваши события видимыми. Нажмите «ОК».
   6. Затем перейдите в раздел « Интеграция календаря » и скопируйте код для вставки. Это код, который вы будете использовать для добавления календаря на свой сайт. Если вы проверите код, вы увидите, что в нем есть ваша электронная почта, поэтому убедитесь, что вы согласны с общедоступным календарем.
   7. Наконец, вернитесь к публикации или странице, где вы хотите отобразить свой календарь, и вставьте код вставки в соответствующее поле. Затем нажмите Embed и сохраните изменения.
   8. Вот и все! Вы только что встроили Календарь Google на свой сайт WordPress!

Вы также можете настроить свой календарь, нажав кнопку « Настроить ». Вы можете персонализировать цвета, кнопки, размер, вкладки, значки и многое другое.

3) Встроить Календарь Google в WordPress через HTML

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

1. Итак, чтобы добавить Календарь Google на свой сайт с помощью HTML, сначала перейдите на страницу или публикацию, где вы хотите разместить свой календарь.
2. Затем добавьте новый пользовательский блок HTML . Здесь вам нужно будет вставить код для встраивания вашего календаря.
3. Чтобы получить его, вам нужно повторить шаги с 4 по 6 предыдущего метода редактора блоков. Вам нужно будет перейти в Календарь Google, нажать на 3 точки рядом с вашим календарем, а затем перейти в « Настройки и общий доступ ». Затем сделайте свой календарь общедоступным в разделе « Разрешения доступа », перейдите в раздел « Интеграция календаря » и скопируйте код для встраивания.
4. Получив ссылку на календарь, вставьте ее в блок HTML и сохраните изменения.
5. Вы только что добавили свой Календарь Google в WordPress!

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

Советы по настройке Календаря Google на WordPress

Простой календарь — это самый сложный метод добавления Календаря Google в WordPress, поэтому здесь мы дадим вам несколько советов, как максимально использовать его. Что хорошего в Simple Calendar, так это то, что он позволяет настраивать стили ваших календарей.

Для этого перейдите в свои календари и выберите вкладку « Все календари ». Затем укажите календарь, внешний вид которого вы хотите настроить, и откройте редактор. Прокрутите мышь, чтобы найти « Настройки календаря », и перейдите на вкладку « Внешний вид ». Там начинается самое интересное, и вы можете настроить цвета, дизайн и так далее. В общем, некоторые вещи, которые вы можете сделать, чтобы настроить свои календари:

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

Шорткоды и виджеты для встраивания Календаря Google в сообщения и страницы

После того, как вы интегрировали добавленный Календарь Google в WordPress, при создании новой записи или страницы вы увидите кнопку « Добавить календарь », как показано ниже.

Эта кнопка работает так же, как « Добавить медиа », и позволяет вставить календарь в любом месте цепочки. Если по какой-то причине у вас нет этой кнопки, есть другие способы добавить календарь в свои посты/страницы: через шорткоды и виджеты.

Шорткоды

Если вы внимательно посмотрите при добавлении нового календаря на вкладку «Календари», вы увидите, что в правом нижнем углу экрана вам дается короткий код. Чтобы встроить этот календарь в свои сообщения/страницы, просто введите этот шорткод в любом месте, где вы хотите его отобразить.

Виджеты

Плагин Simple Calendar предоставляет вам виджет, который вы можете отобразить на своем сайте. Чтобы активировать эту опцию, в панели инструментов WordPress выберите « Внешний вид » > «Виджеты » . Здесь вы увидите доступные виджеты, и вам нужно перетащить виджет «Простой календарь» в то место, где вы хотите, чтобы он отображался.

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

Советы по максимально эффективному использованию Календаря Google

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

1. Найдите время : когда вам нужно организовать встречу с несколькими людьми, может быть трудно найти время, подходящее для всех. Хорошей новостью является то, что Календарь Google имеет функцию под названием « Найти время », которая значительно упрощает поиск нужного времени. Просто создайте мероприятие, пригласите нужных людей, а затем перейдите на вкладку «Найти время», чтобы найти слот, где все доступны.
2. Заблокировать слоты для встреч: Устали получать приглашения на встречи в неподходящее время? Если вы используете GSuite, вы можете избежать этого, заблокировав слоты для встреч. Таким образом, вы блокируете время, на которое ваши товарищи по команде могут назначать встречи с вами. Чтобы активировать эту функцию, просто создайте событие на то время, когда вы доступны для встреч, а затем перейдите к интервалам встреч . Вы увидите ссылку « Страница встреч этого календаря» . Нажмите на нее, и вы будете перенаправлены на веб-версию вашего календаря, которой вы можете поделиться.
3. Добавление праздников и других событий : Календарь позволяет добавлять все типы событий, такие как праздники, спортивные мероприятия, рекламные фазы луны. Чтобы добавить эту опцию, нажмите на 3 точки рядом с вашим календарем и перейдите в раздел « Настройки и общий доступ ». Затем в разделе « Добавить календарь » перейдите к «Обзор интересующих календарей» и выберите те, которые хотите активировать. Когда вы закончите, вы найдете события, которые вы выбрали, в разделе « Другие календари ».
4. Часовые пояса : В настоящее время появляется все больше и больше команд, которые работают из разных уголков мира и с разными часовыми поясами. Если это ваш случай, этот совет идеально подходит для вас. Календарь Google позволяет вам установить как основной, так и дополнительный часовой пояс, чтобы вы всегда находили подходящее время для своих встреч. Чтобы активировать эту опцию, нажмите на 3 точки рядом с вашим календарем и перейдите в раздел « Настройки и общий доступ » . Затем нажмите кнопку « Установить основной часовой пояс » в разделе « Настройки календаря» . Там отметьте опцию, чтобы активировать дополнительный часовой пояс, и выберите тот, который вы хотите. Кроме того, вы можете добавлять метки к своим часовым поясам и отображать мировые часы.

Вывод

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

1. С плагином Простой календарь
2. Использование редактора блоков WordPress
3. Через HTML

Эти методы удобны для начинающих, и все они очень эффективны, поэтому выберите тот, который лучше всего соответствует вашим потребностям. Кроме того, мы видели различные способы настройки календаря и добавления их с помощью шорткодов и виджетов. Наконец, мы рассмотрели несколько советов, которые помогут вам максимально эффективно использовать Календарь Google. Вы пробовали это руководство? Ты нашел это полезным? Пожалуйста, поделитесь с нами своими мыслями в разделе комментариев ниже! Другие полезные руководства по максимально эффективному использованию вашего сайта:

• Как автоматически публиковать сообщения с WordPress на Facebook
• Руководство: Как интегрировать WooCommerce с MailChimp
• Как настроить и интегрировать WooCommerce с Stripe