Категорії: Огляди plugin WordPress

Налаштуйте інтеграцію календаря Google із Plugin WordPress Bookly

Ви використовуєте plugin WordPress Bookly для управління бронюваннями та зустрічами на своєму веб -сайті? Ви хочете синхронізувати всі бронювання та зустрічі, проведені за допомогою plugin для автоматичного синхронізації з вашим календарем Google?

Якщо так, то ви прийшли в потрібне місце!

Тут ми підготували вичерпний поглиблений підручник із усім, що вам потрібно знати про те, як налаштувати інтеграцію Календаря Google із pluginWordPress Bookly.

Відмова від відповідальності : вам потрібно використовувати преміальний plugin Bookly Pro , а не безкоштовний plugin . Безкоштовна версія, хоч і чудова для простого налаштування базової системи бронювання, не має багатьох розширених функцій якості життя, таких як підтримка інтеграції з Google.

Отже, без зайвих слів, почнемо:

Зміст

На Bookly доступні різні методи синхронізації Календаря Google

plugin Bookly Pro WordPress надає вам три методи синхронізації календаря Google – односторонню синхронізацію, двосторонню лише зовнішню синхронізацію та правильну двосторонню синхронізацію.

Ось подивіться, що роблять ці методи:

Одностороння синхронізація

Якщо ви виберете цей метод синхронізації, plugin автоматично надсилатиме всі нові зустрічі, включно з користувацькими полями та будь-якими іншими налаштуваннями, внесеними в Bookly Calendar, безпосередньо до підключеного Календаря Google, але не навпаки.

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

Лише двосторонній інтерфейс

За допомогою цього методу синхронізації plugin автоматично отримуватиме дані про події з підключеного календаря Google, а потім видалятиме відповідні проміжки часу з Booking Calendar під час кроку «Вибір проміжку часу» для призначення зустрічі.

Таким чином, увімкнувши цю опцію, ви можете бути впевнені, що жодна з ваших зустрічей у Bookly не конкуруватиме з подіями в календарі Google.

Зважаючи на це, зауважте, що цей метод не копіюватиме та не відображатиме події Google Calendar у Bookly Calendar. Для цього вам потрібен наступний метод синхронізації.

Примітка : для синхронізації зустрічей між вашим календарем Google і календарем Bookly потрібен деякий час. Таким чином, цей параметр збільшить час завантаження для кроку «Вибрати часовий інтервал». Щоб вирішити цю проблему, обмежте кількість отриманих подій, пов’язаних із цією опцією.

Двостороння синхронізація

Це правильний метод двосторонньої синхронізації, коли всі бронювання, створені та оновлені в Bookly Calendar, автоматично відображаються в підключеному Календарі Google і навпаки.

Однак ця функція не підтримується плагіном Bookly Pro за plugin . Для цього вам потрібен додатковий аддон – Advanced Google Calendar for Bookly . І це ще не все – вам також потрібно попередньо налаштувати Календар Google, перш ніж увімкнути цей параметр.

У наступному розділі є докладний розділ про те, як налаштувати двосторонню синхронізацію.

Знайдіть свій ідентифікатор клієнта Google і секрет клієнта

plugin Bookly вимагає від вас ввести ідентифікатор клієнта Google і секрет клієнта, щоб інтегрувати календар Bookly з вашим календарем Google.

Для цього вам потрібно буде перейти на консоль розробників Google і увійти з вашим обліковим записом. Опинившись там, виберіть існуючий проект, або створіть новий проект.

Якщо ви вперше використовуєте консоль розробника Google, ви побачите опцію СТВОРИТИ ПРОЕКТ, як показано на зображенні нижче.

Клацніть його, і вам буде запропоновано ввести «Назва проекту» та «Батьківська організація або папка» для проекту. Після цього натисніть «Створити», і ваш новий проект буде створено.

Потім вас буде спрямовано на такий екран:

Далі вам потрібно буде переконатися, що Google Calendar API увімкнено. Для цього перейдіть до розділу «Бібліотека», як показано на зображенні. Тепер введіть «Календар» у вікні пошуку, як показано на зображенні, і натисніть Google Calendar API, як виділено на зображенні.

Це приведе вас до наступного екрана, де вам потрібно натиснути кнопку «УВІМКНУТИ», і все.

Увімкнувши Google Calendar API для вашого проекту, поверніться на API та служб , а тепер перейдіть до «Екран згоди OAuth».

На наступному екрані вам буде запропоновано вибрати цільового користувача.

Є два варіанти:

  • Внутрішній : доступний для користувачів у вашій організації. (Доступно лише для користувачів із Workspace .)
  • Зовнішній : доступний для будь-якого користувача з обліковим записом Google.

Для цього проекту нашим цільовим типом користувача буде внутрішній (ви також можете вибрати зовнішній, якщо у вас немає облікового запису Workspace). Вибравши це, натисніть СТВОРИТИ . Це переведе вас на наступний екран:

Просто заповніть «Назва програми» , «Електронна пошта» , прокрутіть униз і додайте авторизований домен, натиснувши +ДОДАТИ ДОМЕН» . Після завершення натисніть ЗБЕРЕГТИ ТА ПРОДОВЖИТИ внизу сторінки.

Тепер, коли це не потрібно, скористайтеся лівою боковою панеллю та перейдіть до облікових даних .

Звідси натисніть + СТВОРИТИ ОБЛІКОВІ ДАННІ, як показано на зображенні, а потім у спадному меню виберіть Ідентифікатор клієнта OAuth .

На наступному екрані вам потрібно буде вибрати тип програми зі спадного меню.

Виберіть «Веб-програма», а потім введіть ім’я клієнта OAuth. І, нарешті, прокрутіть униз і додайте URI авторизованого перенаправлення.

Це має бути URI перенаправлення, наданий у розділі Bookly > Settings > Google Calendar на вашому веб-сайті WordPress.

Після введення Bookly Redirect URI у розділ Authorized Redirect URI натисніть «Створити», і з’явиться спливаюче вікно з вашим ідентифікатором клієнта та секретом клієнта .

І все, ви успішно створили ідентифікатор клієнта Google і секрет клієнта. А тепер давайте повернемося до вашого веб-сайту WordPress і інтегруємо Google Calendar у ваш Bookly Calendar.

Примітка . Події «Весь день», створені в Календарі Google, за замовчуванням налаштовані на «Безкоштовні». Таким чином, якщо ви хочете, щоб цей день був недоступним у Bookly Calendar, не забудьте змінити статус на «Зайнятий». Або Книжковий календар покаже день, вільний для зустрічей.

Підключіть Google Calendar до Bookly Calendar

Тепер, коли у вас є ідентифікатор клієнта Google і секрет клієнта, увійдіть на свою інформаційну панель WordPress і перейдіть до Bookly > Налаштування > Календар Google . Опинившись там, прокрутіть вниз і введіть ідентифікатор клієнта та секрет у відповідних полях.

Після цього виберіть потрібний режим синхронізації.

Як ви можете бачити на зображенні вище, на вибір є лише два варіанти – «Односторонній» і «Лише двосторонній інтерфейс». Увімкнення правильної двосторонньої синхронізації є дещо складним, тому ми обговорили це виключно в наступному розділі.

Якщо вам не потрібна «двостороння» синхронізація, виберіть один із двох доступних методів синхронізації та прокрутіть униз.

У наступному розділі ви знайдете розділи «Шаблон назви події» та «Шаблон опису події».

Ці параметри дозволять вам налаштувати те, що відображатиметься як назва та опис події для події Календаря Google, яка синхронізується з Календарем Bookly.

Ось докладний посібник, який показує, які коди використовувати для налаштування записів Календаря Google .

Після цього натисніть «Зберегти» , і календар Google буде інтегровано з вашим календарем Bookly. Все, що залишилося, це підключитися до Google Calendar.

Для цього перейдіть до Bookly > Staff Members на лівій бічній панелі. Тут виберіть співробітника, чиї зустрічі потрібно синхронізувати з Календарем Google, і натисніть Редагувати .

Це призведе до появи спливаючого вікна. Звідси перейдіть на «Додатково» та натисніть Підключити» в інтеграції Календаря Google , щоб синхронізувати зустрічі співробітників із Календарем Google.

І все! Тепер ви знаєте, як підключити свій Bookly Calendar до Google Calendar і синхронізувати зустрічі. Єдина заковика полягає в тому, що вам потрібно вручну підключити всі зустрічі вашого співробітника до календаря Google по одній.

Тепер, коли це вирішено, давайте поговоримо про те, як налаштувати двосторонню синхронізацію з Bookly і Google Calendar.

Як налаштувати двосторонню синхронізацію з календарем Google

Параметри синхронізації «Одностороння» та «Лише двостороння зовнішня» доступні безпосередньо з pluginBookly Pro WordPress, і ми щойно розповіли, як ви можете налаштувати та використовувати ці функції.

Тепер, якщо ви бажаєте налаштувати «двосторонню» синхронізацію між Bookly і Google Calendar, вам знадобиться преміальний додаток Bookly Advanced Google Calendar

Примітка : це доповнення для plugin Bookly Pro . Таким чином, вам потрібно буде plugin на ваш WordPress, а потім встановити це доповнення.

Тепер, коли надбудову встановлено, ви маєте побачити опцію «Двостороння» синхронізація, доступну в Bookly > Налаштування > Календар Google , чого раніше не було.

Крім того, прямо під ним є поле «Історія синхронізації зустрічей», де ви можете вказати кількість днів минулих даних календаря, які потрібно синхронізувати між двома календарями.

Якщо значення за замовчуванням – «0», минулі події не будуть синхронізовані.

Зважаючи на це, увімкнути двосторонню синхронізацію буде не так просто, як вибрати опцію та натиснути кнопку «Зберегти».

Щоб переконатися, що всі події календаря ефективно синхронізовані, рекомендується дотримуватися офіційного з синхронізації API Google Calendar .

Крім того, вам потрібно буде підтвердити та зареєструвати свій домен на Google Search Console, перш ніж двостороння синхронізація календаря працюватиме.

Ось офіційний посібник Google про те, як підтвердити право власності на сайт .

Після підтвердження доменного імені вашого сайту вам потрібно буде зареєструвати його як дозволений домен для вашого проекту – проекту, чий ідентифікатор клієнта та секрет клієнта підключено до вашого pluginBookly.

Для цього перейдіть на підтвердження домену в консолі API та натисніть «Додати домен». Тепер просто заповніть форму та знову натисніть кнопку «Додати домен».

Якщо ваш домен пройшов процес перевірки, тепер ви можете вибрати його, щоб почати отримувати push-повідомлення та таким чином встановити двосторонню синхронізацію між вашим календарем Google і Bookly.

Як вручну синхронізувати календар Google із Bookly

За замовчуванням plugin Bookly синхронізує події з Календарем Google через встановлений проміжок часу. Якщо ви бажаєте синхронізувати події прямо зараз, ви можете перейти до Bookly > Календар на інформаційній панелі WordPress і натиснути кнопку «Синхронізувати», як показано на зображенні:

Підведення підсумків

Як бачите, для інтеграції Календаря Google із Bookly потрібно лише кілька кліків. Справжньою проблемою є налаштування API Google і отримання даних OAuth.

Ми сподіваємося, що цей підручник допоміг вам ознайомитися з процесом і ви змогли успішно інтегрувати Календар Google із pluginBookly. І якщо у вас виникли проблеми, не соромтеся повідомити нас про це в коментарях. Ми докладемо всіх зусиль, щоб вирішити проблему якнайшвидше.

Нітіш Сінгх

Переглянути коментарі

  • Hallo - Hierzu Hätte ICH EINE DENKE ICH NICHT UNICHTIGE FRAGE: Werden Durch Die Synchronization Auch DatenschutzRelevante Daten übertragen? Oder Wird Nur Die Belegung Im Kalender übernommen
    Vielen Dank und Liebe Grüsse

    • Привіт, всі дані про конфіденційність керують Google, оскільки це джерело події, як, якщо ви вбудуєте відео на YouTube на свій веб -сайт. Ура,

  • Привіт! Я сподіваюся, що у вас все добре, я хочу знати, чи цей plugin також дозволяє додати створену зустріч до календаря кінцевого клієнта.

    • Привіт, так, впевнені, що деталі надсилаються електронною поштою і можуть бути імпортовані в календар клієнта (на автоматичному Gmail)

  • Bonjour,
    j'ai actuellement mis en place mon google календар avec bookly et tout fonctionnait parfaitement jusqu'à présent.
    MAIS DEPUIS QUELQUES JOUS, LA CONNEXION AVEC Google S'est Interrompue Toute Seule, Me Donnant Cette Erreur:

    "Календар Google: Помилка оновлення маркера OAuth2, повідомлення:" {"помилка": "upabled_client", "error_description": "Клієнт OAuth був відключений."} '"" "" "" "" "" "" "

    Est-ce que vous auriez une розчин наливайте empêcher les перебої comme celles ci? Автомобільний рекомендатор la création d'on projet à chaque fois ne sera pas une розчин життєздатний sur le long terme ...

    • Вітаю! Здається, помилка пов’язана зі зміною в Google API. Слід перевірити, чи існує оновлення plugin .

  • Buenas tardes,
    Alguien podría recomendarme algún desarrollador que pueda contratar para terminar de integrar bookly con mi pággina web? Sigo todos los pasos para poder cerectarlo con con google календар (він comprado todo lo necesario) y estoy teniendo plasks ya que no consigo "acceso terceros" y por consiguiente no me da la opción de integrar.

  • Буенос день,

    Чи дозволено авторизувати домінію, ¿debemos poner el de Bookly або el de la web dónde va a estar instalada esta aplicación?

    Граціас!

  • Bonjour,

    j'ai bien suivi pas à pas votre tuto (Merci beaucoup) mais quand je suis à la dernière étape sur l'onglet "avancé" de "персонал" et que je clique sur "google calendar synchronization", j'ai un message d'erreur comme quoi mon mon mon. L'Application Deportse L'Acres à des Informations Sensibles de votre Compte Google. Ce qui est d'Outant плюс que que sur google хмара j'ai bien un повідомлення "état de the Validation - перевірка не вимагає".
    Pouvez-vous m'aider?
    Мерці

    • Привіт, я думаю, що вам потрібно перевірити всі авторизації під час підключення. Можливо, Google Календар додав нові з моменту публікації цієї публікації!

  • Ikzelf krijg bij de laatste stap een melding en het lukt me dus niet om mezelf als medewerker te koppelen aan de agenda

    Fout 403: access_denied
    Розробник не надав вам доступ до цієї програми. Зараз він тестується, і Google не перевірив його. Якщо ви вважаєте, що вам потрібен доступ, зв’яжіться з розробником (********@gmail).

    Iemand hiervoor een oplossing?

    • Так, це тому, що ви не адміністратор створеного порядку денного. Щоб синхронізувати дані, вам потрібен доступ до адміністратора, налаштування потрібно здійснити з календаря Google

  • Холо!
    He estado leyendo el artículo y me parece fantástico.
    Tengo una consulta, estoy realizando una web de un salón de belleza con sistema de reservas.
    Me gustaría integrarlo con google calendar por lo que puede que Bookly sea una de las opciones.
    La idea es crear varios calendarios para cada servicio pues la peluquería del salón si que tendría una apertura normal, pero los profesionales que acudirán a dar sus servicios irían algunos días concretos y horas concretas.
    ¿Solo con crear varios calendarios en google calendar? чи ви не вірите в Google Workspace? ¿O solo con el pluggin de Bookly?
    ¿Como funciona?
    Gracias.

    • Привіт, я вважаю, що використання іншого календаря в Bookly є найкращим рішенням або синхронізація кількох календарів із Google може бути варіантом

Останні дописи

Як використовувати верхні та нижні колонтитули з Elementor

Верхні та нижні колонтитули веб-сайту є важливими елементами. У більшості випадків заголовок забезпечує навігацію…

6 січня 2022 р

Порівняння тем WordPress: Astra проти OceanWP

Дві найпопулярніші теми WordPress на ринку – Astra та OceanWP. Професійний…

2 січня 2022 р

Порівняння теми новин WordPress: Газета проти Astra

Щоб створити чудовий сайт новин, не обов’язково ставати веб-дизайнером. Ми…

25 жовтня 2021 р

Створіть веб-сайт, пов’язаний із новинами, із газетною темою

Тема газети є однією з найважливіших тем WordPress, розроблена tagDiv,…

18 жовтня 2021 р

Як створити електронну комерцію за допомогою Avada WooCommerce Builder

Коли справа доходить до створення онлайн-магазину, WooCommerce – це найпопулярніший plugin. Це…

4 жовтня 2021 р

Як використовувати липкий заголовок і ефекти прокручування з Elementor

Заголовок, як правило, є першим, що бачить людина, коли відвідує ваш веб-сайт,...

21 вересня 2021 р