Гайд по интеграции · WordPress

Плагин записи для WordPress: онлайн-бронирование на вашем сайте

Бесплатный плагин, пять минут, без кода — форма записи прямо на вашем сайте WordPress.

КороткоУстановите бесплатный плагин Klendr Booking Form, вставьте вашу ссылку записи в Настройки → Klendr Booking Form и добавьте блок «Klendr Booking Form» (или шорткод [klendr]) на любую страницу. Форма записи появится на вашем сайте, сама подстроится по высоте, а все записи попадут прямо в календарь Klendr. Займёт около 5 минут.

Как это работает

Ваша страница записи Klendr — услуги, свободные слоты, подтверждения и напоминания — появляется внутри вашего собственного сайта в защищённой рамке. Клиенты записываются, не покидая ваш сайт; каждая запись мгновенно попадает в календарь Klendr, а форма всегда показывает актуальные свободные окна.

Авто-высота — форма растёт вместе с содержимым, без внутренних скроллбаров

Клиенты всегда видят актуальные свободные окна

Каждая запись мгновенно попадает в календарь Klendr

Подтверждения, напоминания и перенос записи работают как обычно

Сначала — страница записи в Klendr

Виджет — это не отдельная форма, которую нужно заполнять: это и есть ваша страница записи Klendr, показанная внутри вашего сайта. Поэтому сначала соберите её: добавьте услуги с длительностью и ценами, загрузите фотографии, напишите приветственный текст, а затем в редакторе брендинга выберите цвет акцентов и фона, шрифт и стиль карточек. Меняется всё: цвета, шрифты, обложка и логотип, список услуг и описания, рабочие часы и даже второй язык. И только потом копируйте код для вставки.

Поменяете что-то позже — сайт обновится сам: код остаётся прежним, к сайту больше возвращаться не нужно.

Пошаговая настройка

Скачайте плагин

В Klendr откройте Интеграции → «Встроить на ваш сайт» и нажмите «Скачать плагин (.zip)». Zip — это готовый файл плагина, распаковывать его не нужно.

Установите его в WordPress

В админке WordPress: Плагины → Добавить новый → Загрузить плагин, выберите zip, нажмите «Установить», затем «Активировать».

Вставьте ссылку записи

Откройте Настройки → Klendr Booking Form и вставьте ссылку на вашу страницу записи (она в Klendr, раздел «Поделиться»). Сохраните — плагин сам проверит ссылку на опечатки.

Добавьте блок на страницу

В редакторе страницы вставьте блок «Klendr Booking Form» — или шорткод [klendr] в любом месте. Нужна плавающая кнопка «Записаться» вместо формы? Используйте [klendr mode="button"].

Опубликуйте и проверьте

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

Код для вставки

<iframe src="https://klendr.me/book/YOUR-SALON?embed=1"
  style="width:100%;border:0;height:640px" title="Booking" id="klendr-frame"></iframe>
<script>(function(){var f=document.getElementById('klendr-frame');
function tell(){try{f.contentWindow.postMessage(
{type:'klendr:hostlang',lang:document.documentElement.lang||''},'*');}catch(e){}}
addEventListener('message',function(e){var d=e.data;if(!d)return;
if(d.type==='klendr:height'&&d.height){f.style.height=(d.height+8)+'px';}
if(d.type==='klendr:ready'){tell();}});
f.addEventListener('load',tell);})();</script>

Замените YOUR-SALON на имя вашей страницы записи. Персональный готовый код — в Klendr → Интеграции → «Встроить на ваш сайт».

На каком языке будет форма?

По умолчанию виджет следует за вашим сайтом: код передаёт ему язык страницы, поэтому на русской странице форма будет русской. Если сайт язык не указывает, виджет возьмёт язык вашего салона из Klendr. Нужен один язык навсегда? В Klendr → Интеграции → «Код для вставки» выберите язык перед копированием кода — он добавится в ссылку как &lang=xx.