Виджет на сайт

В любой сфере бизнеса необходимы коммуникации с клиентом. В виджете от Wazzup вы можете разместить кнопки обратной связи и важные ссылки. Готовый код виджета можно вставить в HTML, блок конструктора или CMS.

Если у вас нет сайта — вы можете создать страницу-визитку и разместить ссылку на нее в соцсетях и рекламе.

Для создания и настройки визитки нужно зарегистрироваться в личном кабинете Wazzup.

Как создать виджет на сайт

Войдите в раздел «Страница-визитка» и нажмите «Добавить виджет»:

В правой части вкладки находится превью виджета. Все изменения отображаются в режиме реального времени.

На левой части экрана находятся две вкладки: «Внешний вид» и «Мессенджеры». Во вкладке «Внешний вид» задайте название для виджета. Эта информация будет видна только вам в таблице раздела «Страница-визитка»:

Ниже введите текстовую информацию для визитки: имя или название компании, оффер и описание

Далее настройте визуальную часть: аватар и фоновое изображение:

 

 

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

Как добавить способы связи в виджет: особенности

WhatsApp

Введите номер телефона в международном формате, как показано на примере ниже. Номер должен начинаться с «7» без «+». В поле «Сообщение» вы можете добавить приветственный текст.

Кнопка WhatsApp перенаправит клиента в браузер. Клиент сможет выбрать — перейти в десктопную версию приложения или в WhatsApp Web. На мобильном устройстве кнопка отправит в приложение WhatsApp.

Telegram

Введите имя пользователя без собачки.

Кнопка Telegram отправит клиента в браузер. Далее клиент выберет куда перейти — в установленное приложение или web версию мессенджера.

Viber

Поле Viber поддерживает два вида ссылок:

  • Ссылка на чат. Чтобы переадресовывать клиентов в чат — введите номер телефона, который начинается с «7» и без «+». Например: 79031231212.
  • Ссылка на группу. Введите ссылку на группу, которая начинается с «https://invite.viber.com/».

Facebook, Vkontakte, YouTube, Twitter, Instagram, Одноклассники

В поля введите только ID пользователя из строки в браузере. Начало ссылки уже заложено в настройках.

Кнопки отправят клиента на главную страницу сообщества, группы или канала в браузере.

Facebook Messenger, WeChat

В поле введите только ID пользователя из строки в браузере. Начало ссылки уже заложено в настройках.

Кнопка отправит клиента в чат с компанией или пользователем.

Skype

В поле введите уникальный код пользователя.

Кнопка Skype отправит клиента в браузер и предложит установить приложение или перейти в уже установленное.

E-mail

В поле введите почту. Кнопка отправит клиента в почтовый сервис «по умолчанию».

Ссылка

Вы можете разместить важные ссылки и задать собственное название кнопок.

Например, если клиенты часто запрашивают у вас портфолио, тарифы или любой другой документ— разместите их на открытом источнике и прикрепите ссылки к визитке. Клиенты смогут понять нужна ли им услуга или товар еще до того, как решат с вами связаться, а вы сэкономите время на одинаковых вопросах.

Для этого в строку слева вставьте ссылку, а справа — название кнопки.

Расположение, размер и удаление кнопок

Кнопки можно расположить по две в ряд или растянуть во всю ширину. Для того, чтобы изменить размер нажмите на кнопку слева от строки ссылки:

Чтобы поменять порядок расположения кнопок в виджете — зажмите иконку с точками и перетащите строку на нужное место в списке:

Чтобы удалить канал наведите курсор на правую часть строки — появится красный крестик. Нажмите на него, чтобы удалить строку:

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

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

После завершения настроек система сгенерирует код для вставки виджета:

Если вы работаете с CMS:

  1. Скопируйте код виджета;
  2. Вставьте код на тех страницах, на которых должен отображаться виджет. Например, если вы хотите добавить виджет на каждую страницу, добавьте код готовый код в файл, который отвечает за генерацию «подвала» всех страниц сайта. Если на вашем сайте используется несколько CMS , разместите код виджета во всех нужных местах.

Если вы работаете без CMS:

  1. Скопируйте код виджета;
  2. Добавьте код виджета в HTML-код тех страниц сайта, на которых он должен отображаться. Рекомендуем разместить код ближе к концу элемента body, чтобы не замедлять загрузку страницы.

Виджет также можно подключить с помощью системы управления тегами , если вы используете ее для вашего сайта. Такие системы позволяют хранить весь необходимый HTML/JavaScript-код на внешнем сервере, и просто подключать его на веб-страницы. При этом изменения в подключаемом коде не требуют изменений в коде страниц сайта.

В таком случае:

  1. Скопируйте код виджета;
  2. Создайте пользовательский тег с кодом виджета и настройте событие, которое будет выполнять этот тег. Например, при просмотре любой страницы сайта, или определенных страниц.

Если вы работаете с конструктором сайта:

  1. Скопируйте код виджета;
  2. Добавьте блок HTML и вставьте в него код виджета.

Как изменить положение виджета на сайте

Выбор положения виджета на сайте не предусмотрен, но вы можете вносить изменения в код виджета. Измените код самостоятельно или силами вашего разработчика.