Центр поддержки клиентов:
8 (800) 505 04 75
Ссылка на сайт

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

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

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

Видео-инструкция по установке: 

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

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

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

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

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

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

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

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

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

  1. Откройте режим редактирования сайта. В верхнем меню выберите пункт Настройка - Коды аналитики.

  2. Нажмите кнопку “+ новый инструмент”, в выпадающем меню выберите пункт “Новый код” .


  3. В поле для вставки фрагмента кода вставьте стандартный код кнопки, взятый в разделе Онлайн-запись – Вебсайт - Ваш виджет - Вкладка “Код кнопки”. В пункте “Где разместить код?” укажите “Body – конец”. Нажмите кнопку “Добавить”.
  4. Cохраните и опубликуйте сайт.

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

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

WP.________________.png

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

Ссылку Вы можете найти в разделе “Онлайн-запись - Вебсайт”, справа от названия формы онлайн-записи. 

WP.________________.png

WP._________________.png

  1. Сохраните и опубликуйте сайт.
  2. Откройте режим редактирования сайта. В верхнем меню выберите пункт Настройка - Коды аналитики. Нажмите кнопку “+ новый инструмент”, в выпадающем меню выберите пункт “Новый код”.

WP.__________.png

  1. В поле для вставки фрагмента кода вставьте следующий код:
<script async 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://n193246.yclients.com/ идентификатор это цифры 193246 

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

<script async src="https://w193246.yclients.com/widgetJS"></script>
<script>
let elem = document.querySelectorAll('[href^="https://n193246.yclients.com"]');
for (i = 0; i < elem.length; i++) {
elem[i].classList.add('ms_booking');    
}
</script>
  1. В пункте “Где разместить код?” укажите “Body – конец”. Нажмите кнопку “Добавить”.

WP.______________.png

  1. Сохраните и опубликуйте сайт.
Была ли эта статья полезной?
Пользователи, считающие этот материал полезным: 3 из 4
Еще есть вопросы? Отправить запрос

Комментарии

  • Avatar
    Арон Бергман

    Огонь!

  • Avatar
    Алия Суфиянова

    Добрый день.
    Анастасия, ваш вопрос решается в обращении № 761310.