Установка онлайн-записи в CMS WIX

Бесплатный тариф WIX

Для бесплатного тарифа конструктор WIX имеет ограничения, и встроить виджет YCLIENTS для открытия его в стандартном отображении невозможно. Одним из самых актуальных вариантов является установка виджета через iframe.

Пошаговая инструкция

1. Откройте редактор WIX и перейдите в раздел «Магазин». Нажмите кнопку «Встроить сайт».

2. Откроется область для создания сайта.

3. Для установки ссылки на виджет в данный блок, кликните на него для вызова кнопки «Ввести адрес сайта». Нажмите на эту кнопку.

4. Установите ссылку на виджет YCLIENTS и нажмите кнопку «Обновить».

5. Сохраните сайт в конструкторе и опубликуйте его.

Платный тариф WIX

Для установки кнопки от YCLIENTS или онлайн-записи на произвольную кнопку на WIX к сайту должен быть подключен собственный домен.

Установка онлайн-записи на WIX (кнопка от YCLIENTS)

1. Откройте режим редактирования сайта («Управлять и редактировать»). Выберите пункт «Настройка» → «Пользовательский код».

2. Нажмите кнопку «+ Добавить код».

3. В поле для вставки фрагмента кода вставьте стандартный код кнопки, взятый в разделе «Онлайн-запись» > «Формы онлайн-записи» > ваш виджет > вкладка «Код кнопки» (подробнее о настройке кнопки от YCLIENTS читайте здесь).

В пункте «Где разместить код?» укажите «Body – конец». Нажмите кнопку «Добавить».

4. Сохраните и опубликуйте сайт.

Установка онлайн-записи на произвольную кнопку в WIX

1. Добавьте в конструкторе сайта кнопку, которая будет кнопкой для онлайн-записи.

2. В настройках ссылки укажите «Куда ведет этот элемент» → «Веб-адрес» — Впишите ссылку на вашу форму онлайн-записи в формате https://nXXXXXX.yclients.com

Ссылку вы можете найти в разделе «Онлайн-запись» > «Формы онлайн-записи» справа от названия формы.

3. Сохраните и опубликуйте сайт.

4. Откройте режим редактирования сайта. В верхнем меню выберите пункт «Настройка» → «Коды аналитики». Нажмите кнопку «+ новый инструмент», в выпадающем меню выберите пункт «Новый код».

5. В поле для вставки фрагмента кода вставьте следующий код:

<script  src="https://wXXXXXX.yclients.com/widgetJS"></script>
<script>
let elem = document.querySelectorAll('[href^="https://nXXXXXX.yclients.com"]');
for (i = 0; i < elem.length; i++) {
elem[i].classList.add('ms_booking');    
}
</script>

XXXXXX необходимо заменить на идентификатор вашей формы онлайн-записи, вы можете найти его в ссылке, которую ставили на кнопку в пункте 2.

Например, в ссылке https://nXXXXXX.yclients.com идентификатор — это цифры, указанные на месте XXXXXX.

Пример кода, который должен получиться:

<script  src="https://wXXXXXX.yclients.com/widgetJS"></script>
<script>
let elem = document.querySelectorAll('[href^="https://nXXXXXX.yclients.com"]');
for (i = 0; i < elem.length; i++) {
elem[i].classList.add('ms_booking');    
}
</script>

6. В пункте «Где разместить код?» укажите «Body – конец». Нажмите кнопку «Добавить».

7. Сохраните и опубликуйте сайт.