wix

Виджет обратного звонка для wix

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

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

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

Для начала на сайт необходимо вставить код виджета, это делается следующим образом:

Заходим в редактор сайта, выбираем добавить приложение/еще (+).

добавить виджет викс

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

Добавить HTML код

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

То, что видим на экране

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

В это поле надо вставить HTML код

Вставляем следующий код на сайт в поле для ввода HTML:

Этот код отличается от стандартного строчкой IFRAME_DISABLE: false. В итоге получаем следующий результат:

То, что у нас должно получится

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

Затем настраиваем размер поля: 530*54, снова нажимаем “Обновить”.

Настройка размера поля

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

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

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

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

настройки сайта в админке

Адрес сайта:

http://ВАШДОМЕН.usrfiles.com

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

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

окно виджетаокно чата

 

 

 

 

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

виджеты

В настройка виджета выбираем вкладку по умолчанию “Звонок”. Если выбрать по умолчанию чат, то ваш клиент сможет отправить только первое сообщение и не увидит больше других. Также в настройках можно выбрать форму виджета закругленную или прямоугольную.

настройка виджета

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

Так выглядит изначально

Ограничения интеграции f1call и wix:

  • виджет будет жестко закреплен на странице и не будет перемещаться вместе с прокруткой сайта, мы советуем располагать его вверху сайта для всех страниц, или настраивать местоположение виджета на каждой странице;
  • пользователь не сможет передвигать виджет.

Пример реализации

Вы можете посмотреть пример реализации этой инструкции на сайте:

http://test3904.wix.com/testf1call

Вы можете зайти в wix и посмотреть как это настроено:

Логин: wixtest@gmail.ru

Пароль: testwix

Технические детали:

  1. Виджет будет располагаться в iframe, это налагает на него соответствующие ограничения.
  2. Виджет не появится пока внутри формы не появится курсор мыши