Бесплатный тариф WIX
Для бесплатного тарифа конструктор WIX имеет ограничения, и встроить виджет YCLIENTS для открытия его в стандартном отображении невозможно. Одним из самых актуальных вариантов является установка виджета через <iframe>.
Видео-инструкция по установке:
Пошаговая инструкция:
1. Откройте редактор WIX и перейдите в раздел Магазин. Нажмите кнопку Встроить сайт.
2. Откроется область для создания сайта.
3. Для установки ссылки на виджет в данный блок, кликните на него для вызова кнопки Ввести адрес сайта. Нажмите на эту кнопку.
4. Установите ссылку на виджет YCLIENTS и нажмите кнопку Обновить.
5. Сохраните сайт в конструкторе и опубликуйте его.
Платный тариф WIX
Для установки кнопки от YCLIENTS или онлайн-записи на произвольную кнопку на WIX должны быть соблюдены 2 условия:
- Должен быть подключен любой платный тариф WIX
- К сайту должен быть подключен собственный домен
Установка онлайн-записи на WIX (кнопка от YCLIENTS)
- Откройте режим редактирования сайта. В верхнем меню выберите пункт Настройка - Коды аналитики.
- Нажмите кнопку “+ новый инструмент”, в выпадающем меню выберите пункт “Новый код” .
- В поле для вставки фрагмента кода вставьте стандартный код кнопки, взятый в разделе Онлайн-запись – Вебсайт - Ваш виджет - Вкладка “Код кнопки”. В пункте “Где разместить код?” укажите “Body – конец”. Нажмите кнопку “Добавить”.
- Cохраните и опубликуйте сайт.
Установка онлайн-записи на произвольную кнопку в WIX
- Добавьте в конструкторе сайта кнопку, которая будет кнопкой для онлайн-записи.
- В настройках ссылки для кнопки выберите “Нет” (Элемент пока без ссылки)
- Сохраните и опубликуйте сайт.
- Откройте режим редактирования сайта. В верхнем меню выберите пункт Настройка - Коды аналитики. Нажмите кнопку “+ новый инструмент”, в выпадающем меню выберите пункт “Новый код”.
- В поле для вставки фрагмента кода вставьте следующий код:
<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. Сохраните и опубликуйте сайт.
Огонь!