Обратный звонок для Wix

Инструкция
Виджет обратного звонка для Wix

Все больше клиентов просят нас вставить виджет обратного звонка на их сайт, созданный на популярнейшем конструкторе сайтов wix.com. Если коротко, то весь алгоритм состоит из двух действий:

1. Вставка кода виджета на сайт через приложения wix;
2. Настройка виджета в личном кабинете.

Вставка кода виджета на сайт через приложения wix.com

Для начала на сайт необходимо вставить код виджета, это делается следующим образом: Заходим в редактор сайта, выбираем добавить приложение/еще (+).

кнопка обратного звонка wix

Затем выбираем HTML.

кнопка обратного звонка wix

Выбираем “Код HTML”, видим на экране это:

Обратный звонок для Wix

Выбираем “Вставить код”, видим на экране это:

Обратный звонок для Wix

Вставляем следующий код на сайт в поле для ввода HTML:
<script>
(function ()
{
var config = {
API_BASE: 'http://connect.f1call.com',
PROJECT_NAME: 'F1call',
IFRAME_DISABLE: false,
ACTIVITY_CONNECT: false
};
if (typeof window[config.PROJECT_NAME] === 'undefined' && typeof CallPluginInitObject === 'undefined') {
window['CallPluginInitObject'] = config;
var s = document.createElement('script');
s.type = 'text/javascript';
s.async = true;
s.src = config.API_BASE + '/static/api.js';
var x = document.getElementsByTagName('head')[0];
x.appendChild(s);
}
else
console.log(config.PROJECT_NAME + ' is already defined.');
})();
</script>
Этот код отличается от стандартного строчкой IFRAME_DISABLE: false. В итоге получаем следующий результат:
В итоге получаем следующий результат;

Виджет обратного звонка на Викс

Справа на панели должно быть написано “Показать на всех страницах” если хотим, чтобы виджет отображался на всех страницах.
Нажимаем “Обновить”.
Затем настраиваем размер поля: 530 * 54, снова нажимаем “Обновить”.

Виджет обратного звонка на Викс

Затем перетаскиваем поле на сайте в нужную область. Так же, Вы можете в любой момент выбрать показывать или нет виджет на всех страницах.

После этого Вы можете переходить к настройкам сайта в личном кабинете f1call.

Настройка виджета f1call в личном кабинете

Переходите в настройки сайта, в настройках сайта Вам необходимо изменить имя сайта.

Виджет для Wix

Адрес сайта: http://ИМЯПОЛЬЗОВАТЕЛЯВВИКС.usrfiles.com

Например, если у в wix у Вас имя пользователя username, то в админке надо прописать сайт http://username.usrfiles.com.

Затем, в настройках сайта, перейдите в раздел “Всплывающие окна”, отключаем все всплывающие окна.

Виджет на викс

Находим настройки виджета, выключаем круглый, включаем только тот виджет, в котором можно вводить номер телефона.

Виджет на викс

Вы можете настроить этот виджет по своему усмотрению. Лучше выбирать только виджет с прямоугольными границами.
Важно! При выборе виджета, в котором вводят номер телефона выбрать вкладку по умолчанию "Звонок"

Обратный звонок на викс

После этого так должны выглядеть Ваш редактор wix и сам Ваш сайт:

Обратный звонок на wix

Ограничения интеграции f1call и wix:
1. виджет будет жестко закреплен на странице и не будет перемещаться вместе с прокруткой сайта, мы советуем располагать его вверху сайта для всех страниц, или настраивать местоположение виджета на каждой странице;
2. пользователь не сможет передвигать виджет.