WAZZUP Help

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

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

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

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

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

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

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

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

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

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

 

 

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

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

Чтобы подключить к виджету канал связи, перейдите во вкладку «Мессенджеры» и кликните по кнопке «Добавить мессенджер».

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

Заполните данные аккаунта, на который будут приходить сообщения от пользователей. Сохраните настройки. 

Особенности добавления каждого способа связи

WhatsApp

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

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

Telegram

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

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

Viber

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

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

Vk

Введите ID сообщества. В строке «Тип ссылки» можете отметить, на какую страницу попадет посетитель сайта при клике на кнопку Vk. Если выберете первый вариант, пользователь попадет на главную страницу сообщества. Если второй — откроется окно диалога, откуда пользователь может написать вам или запустить бота.

Twitter, Instagram

Введите в поле имя аккаунта, перед ним поставьте «@». 

Кнопки отправят клиента на главную страницу аккаунта.

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

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

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

Messenger, WeChat

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

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

Skype

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

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

E-mail

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

Ссылка

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

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

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

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

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

Справа от названия подключенного мессенджера есть 3 кнопки. 

Изменить или удалить мессенджер

Если нужно изменить номер, имя аккаунта или заменить сам мессенджер, кликните по кнопке с изображением карандаша. Тут же можно удалить мессенджер из виджета. 

Изменить размер кнопки

Кнопки можно расположить по две в ряд или растянуть во всю ширину. 

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

Изменить расположение кнопки

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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