Встраивание виджета на любой веб-сайт

Виджет – элемент вебсайта, электронная форма записи на услугу, что собирает всю необходимую информацию о клиенте, предстоящем бронировании и создаёт его. 

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

• Где по умолчанию доступен виджет
• Как вставить виджет на мой сайт
• Какие бывают типы виджета
• Витрина доступных типов виджета
• Получение кода виджета в личном кабинете
• Где использовать код виджета

Где по умолчанию доступен виджет

EasyWeek автоматически создаёт для вашей компании вебсайт, в который уже встроен готовый виджет – с вашей стороны не требуются никакие навыки программирования:

Как вставить виджет на мой сайт

Если вы используете сайт собственной разработки и желаете установить на него виджет, такая возможность тоже существует. Для этого нужно скопировать HTML-код в разделе Интеграции и приложения и поместить его в код своего сайта. Подробнее будет описано далее.

Какие бывают типы виджета

Существует несколько разновидностей виджета, среди которых вы можете выбрать подходящий способ интеграции:

• Плавающая кнопка. В правом нижнем углу сайта появится кнопка онлайн-записи, после нажатия на которую откроется форма записи. Ей можно настроить внешний вид: будет ли отображаться сама кнопка, текст подсказки к кнопке, и каких цветов они будут.
• Ваша кнопка. Дизайн вашего сайта может не предполагать плавающих компонент или уже иметь специальную кнопку/элемент для вызова формы онлайн-записи. В таком случае вы свободны привязать код виджета к любому элементу на сайте, лишь указав его класс. Например, для HTML-кода кнопки <a class="booking">Click</a>, нужно добавить в поле значение booking.
• Блок для встраивания. Для создания фрейма на странице, расположите код встроенного блока в нужном месте страницы.
• Встроить как страницу. Данный код предназначен для вывода виджета онлайн-записи на веб-страницу целиком. Например, вы хотите, чтобы на отдельной странице был только виджет.

Витрина доступных типов виджета

В качестве интерактивного способа генерации кода для различных типов виджета рекомендуем использовать сайт easyweek-widget-examples.netlify.app

На нём вы сможете наглядно выбрать из представленных вариантов формат виджета и сразу получить готовый фрагмент кода для выбранного:

Получение кода виджета в личном кабинете

Также вам доступна генерация HTML-кода виджета в личном кабинете. Пройдите в раздел Интеграции и приложения – Виджет онлайн-записи. Выберите тип и основные параметры виджета, скопируйте сгенерированный код в правой части страницы: