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

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

 

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

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

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

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

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

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

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

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

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

 

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

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

  • Должен быть подключен любой платный тариф WIX
  • К сайту должен быть подключен собственный домен

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

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

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


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

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

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

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



  2. В настройках ссылки для кнопки выберите “Нет” (Элемент пока без ссылки)



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

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



  5. В поле для вставки фрагмента кода вставьте следующий код:
<script type="text/javascript">
$(document).ready(function() {
$('.CLASS').addClass('ms_booking');
var scriptService = document.createElement('script');
scriptService .src = "ссылка из меню Код кнопки";
scriptService .type = "text/javascript";
scriptService .charset = "UTF-8";
document.documentElement.appendChild(scriptService );
});
</script>

Где CLASS – значение поля class из кода кнопки, ссылка из меню Код кнопки – значение из формы онлайн-записи YCLIENTS (о том, как найти эти данные, читайте ниже).

Перейдите на опубликованный сайт и нажмите правой кнопкой мыши на кнопку для онлайн-записи, выберите пункт Просмотреть код. Скопируйте содержимое поля class для div.
Класса у кнопки два, нужно вставить оба следующим образом .g-transparent-a.style-jq86nt1ilink.

В YCLIENTS в основном меню перейдите в раздел Онлайн-запись – Вебсайт. Выберите нужную форму онлайн-записи. В открывшемся новом окне перейдите во вкладку Настройки кнопки и отключите создание круглой кнопки по умолчанию, для этого снимите галочку Включить кнопку (подробнее в статье Настройки кнопки).

Перейдите на вкладку Код кнопки и скопируйте ссылку (как это показано в примере ниже), вставьте ее вместо слов Ссылка из меню Код кнопки в HTML код, который добавили ранее.

Пример получившегося кода:

<script type="text/javascript">
$(document).ready(function() {
$('.g-transparent-a.style-jq86nt1ilink').addClass('ms_booking');
var scriptService = document.createElement('script');
scriptService .src = "https://w154744.yclients.com/widgetJS";
scriptService .type = "text/javascript";
scriptService .charset = "UTF-8";
document.documentElement.appendChild(scriptService );
});
</script>

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

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

 

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

Комментарии