Блок Calendly

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

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

Эта функция доступна на сайтах с тарифными планами WordPress.com Premium, Business и Commerce, а также с устаревшим тарифным планом Pro. Для бесплатных сайтов или сайтов с тарифным планом Personal необходимо приобрести платный тарифный план более высокого уровня, чтобы получить доступ к этой функции.

Для использования блока Calendly потребуется учётная запись Calendly. Если у вас ещё нет учётной записи, зарегистрируйтесь.

Блок Calendly можно добавить на любую страницу или в любую запись на сайте WordPress.com. Нажмите + значок инструмента вставки блоков и найдите Calendly.

Также можно набрать /calendly в новой строке и нажать Enter.

После добавления блока появится поле для ссылки на Calendly. Здесь описано, как получить ссылку:

1. Войдите в свою учётную запись Calendly.
2. Чтобы перейти в раздел Моя учётная запись, нажмите синюю кнопку в правом верхнем углу.
3. Откроется страница событий. Нажмите кнопку Скопировать ссылку в левом нижнем углу события, которое нужно добавить на сайт:

4. Вернитесь на сайт, вставьте ссылку в блок Calendly, добавленный приведённым выше способом.

Различные настройки блока Calendly можно менять в двух местах:

• в учётной записи Calendly
• и на вашем сайте.

Где вносить изменения ― в настройках учётной записи Calendly или блока на сайте ― зависит от типа этих изменений.

Calendly может отображаться в записи или на странице как полномасштабный календарь, кнопка или всплывающий объект.

1. Встроенный календарь или кнопка

• Войдите в свою учётную запись Calendly.
• Нажмите синюю кнопку Копировать ссылку.
• Перейдите на страницу или в запись.
• Вставьте блок Calendly, как описано выше.
• Вставьте ссылку из буфера обмена в блок.
• Нажмите Вставка.

Переключаться между двумя режимами ― встроенным календарём и кнопкой ― можно через стили, расположенные в контекстном меню блока сверху:

или на правой боковой панели:

2. Плавающая кнопка

Этот раздел руководства относится к сайтам с тарифными планами WordPress.com Business и Commerce, а также с устаревшим тарифным планом Pro. Если вы приобрели тарифный план Business, не забудьте его активировать. Для бесплатных сайтов или сайтов с тарифным планом Personal и Premium необходимо приобрести платный тарифный план более высокого уровня, чтобы получить доступ к этой функции.

1. Войдите в свою учётную запись Calendly.
2. Нажмите синюю кнопку Поделиться.
3. Перейдите на вкладку Добавить на сайт.
4. Выберите Всплывающий виджет и нажмите Продолжить.
5. Нажмите кнопку Копировать код.
6. Перейдите в раздел Внешний вид → Виджеты и выберите любую область виджета.
7. Вставьте пользовательский блок HTML.
8. Вставьте код в блок и нажмите Обновить в правом верхнем углу.

Плавающая кнопка будет отображаться на всех страницах. Если нужно, чтобы плавающая кнопка отображалась только на конкретных страницах, добавьте её в нижнюю часть страниц или записей следующим способом.

1. Нажмите три точки в правом верхнем углу записи или страницы.
2. Выберите Редактор кода.
3. Прокрутите экран в области записи до самого низа.
4. Добавьте фрагмент кода, взятый из Calendly, в самом конце записи или страницы, после последней строки существующего кода.
5. Снова нажмите кнопку с тремя точками и выберите Визуальный редактор.
6. Опубликуйте или Обновите страницу.

Плавающая кнопка появится в нижнем левом углу экрана и будет перемещаться при прокрутке.

Чтобы переместить блок Calendly вверх или вниз в публикации или на странице, используйте стрелки в контекстном меню вверху блока:

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

Обратите внимание на то, что плавающий виджет нельзя изменить через настройки.

Чтобы изменить стиль, цвет, форму или размер внедрённого объекта Calendly (вставленного календаря, кнопки или всплывающего окна):

1. Перейдите в учётную запись Calendly и выберите календарь, который нужно изменить.
2. Нажмите Поделиться, а затем выберите Добавить на веб-сайт -> Вставить встроенный объект -> Продолжить.
3. На левой панели можно изменить цвет фона, текста, кнопки и ссылки.
4. Снова скопируйте код и вставьте его, как показано выше.

Также можно изменить только цвет кнопки Calendly, используя боковую панель справа. Доступны следующие настройки: