Блок Calendly

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

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

Эта функция доступна на сайтах с тарифными планами WordPress.com Explorer, Creator и Entrepreneur, а также на сайтах с устаревшим тарифным планом Pro. Сайты с бесплатным тарифным планом или планом Starter должны перейти на платный тарифный план более высокого уровня, чтобы получить доступ к этой функции.

В этом руководстве

1. Подготовка к использованию
2. Добавление блока Calendly
3. Добавление ссылки Calendly
4. Настройка блока Calendly
   1. Изменение типа объекта Calendly
   2. Корректировка положения блока Calendly на странице
   3. Изменение внешнего вида объекта Calendly

Подготовка к использованию

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

Добавление блока Calendly

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

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

Добавление ссылки Calendly

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

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

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

Настройка блока Calendly

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

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

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

Изменение типа объекта Calendly

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

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

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

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

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

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

Этот раздел руководства относится к сайтам с тарифным планом WordPress.com Creator или Entrepreneur, а также с устаревшим тарифным планом Pro. Сайты с бесплатными тарифными планами, планами Starter и Explorer должны перейти на платный тарифный план более высокого уровня, чтобы получить доступ к этой функции.

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

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

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

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

Корректировка положения блока Calendly на странице

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

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

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

Изменение внешнего вида объекта Calendly

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

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

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

• Стиль: отображение кнопки с заливкой или контурным обрамлением:

• Цвет: выбор фонового цвета кнопки и цвета текста.
• В контекстном меню вверху блока можно выбрать дополнительные настройки шрифтов (полужирный шрифт и курсив).
• Опция «Градиент» позволит использовать для окраса кнопки сочетание двух цветов:

• Форма: изменить форму кнопки можно с помощью элементов управления «Радиус границ»:

• Размер: для изменения размера кнопки выберите одну из опций в настройках Ширина кнопки.