В любой сфере бизнеса необходимы коммуникации с клиентом. В виджете от Wazzup вы можете разместить кнопки обратной связи и важные ссылки. Готовый код виджета можно вставить в HTML, блок конструктора или CMS.
Если у вас нет сайта — вы можете создать страницу-визитку и разместить ссылку на нее в соцсетях и рекламе.
Для создания и настройки визитки нужно зарегистрироваться в личном кабинете Wazzup.
Оглавление
Как создать виджет на сайт
Войдите в раздел «Страница-визитка» в настройках личного кабинета Wazzup и нажмите «Добавить виджет»:
В правой части вкладки находится превью виджета. Все изменения отображаются в режиме реального времени.
На левой части экрана находятся две вкладки: «Внешний вид» и «Мессенджеры». Во вкладке «Внешний вид» задайте название для виджета. Эта информация будет видна только вам в таблице раздела «Страница-визитка»:
Ниже введите текстовую информацию для визитки: имя или название компании, деятельность и описание.
Далее настройте визуальную часть: аватар и фоновое изображение:
Затем перейдите к добавлению способов связи и нужных ссылок.
Как добавить способы связи в виджет
Чтобы подключить к виджету канал связи, перейдите во вкладку «Мессенджеры» и кликните по кнопке «Добавить мессенджер».
Во всплывшем окне выберите мессенджер, социальную сеть или ссылку, которую хотите добавить в виджет.
Заполните данные аккаунта, на который будут приходить сообщения от пользователей. Сохраните настройки.
Особенности добавления каждого способа связи
Введите номер телефона в международном формате, как показано на примере ниже. Номер должен начинаться с «7» без «+». В поле «Текст первого сообщения» вы можете добавить приветственный текст.
Кнопка WhatsApp перенаправит клиента в браузер. Клиент сможет выбрать — перейти в десктопную версию приложения или в WhatsApp Web. На мобильном устройстве кнопка отправит в приложение WhatsApp.
Telegram
Введите имя пользователя без собачки.
Viber
Поле Viber поддерживает два вида ссылок:
- Ссылка на чат. Чтобы переадресовывать клиентов в чат — введите номер телефона, который начинается с «7» и без «+». Например: 79031231212.
- Ссылка на группу. Введите ссылку на группу, которая начинается с «https://invite.viber.com/».
Vk
Введите ID сообщества. В строке «Тип ссылки» можете отметить, на какую страницу попадет посетитель сайта при клике на кнопку Vk. Если выберете первый вариант, пользователь попадет на главную страницу сообщества. Если второй — откроется окно диалога, откуда пользователь может написать вам или запустить бота.
Twitter, Instagram
Введите в поле имя аккаунта без собачки.
Кнопки отправят клиента на главную страницу аккаунта.
Facebook, YouTube, Одноклассники
В поля введите только ID пользователя из строки в браузере. Начало ссылки уже заложено в настройках.
Кнопки отправят клиента на главную страницу сообщества, группы или канала в браузере.
Messenger, WeChat
В поле введите только ID пользователя из строки в браузере. Начало ссылки уже заложено в настройках.
Кнопка отправит клиента в чат с компанией или пользователем.
Skype
В поле введите уникальный код пользователя.
Кнопка Skype отправит клиента в браузер и предложит установить приложение или перейти в уже установленное.
В поле введите почту. Кнопка отправит клиента в почтовый сервис «по умолчанию».
Ссылка
Вы можете разместить важные ссылки и задать собственное название кнопок.
Например, если клиенты часто запрашивают у вас портфолио, тарифы или любой другой документ— разместите их на открытом источнике и прикрепите ссылки к виджету. Клиенты смогут понять нужна ли им услуга или товар еще до того, как решат с вами связаться, а вы сэкономите время на одинаковых вопросах.
Для этого в верхнее поле вставьте ссылку, а нижнее — название кнопки.
В один виджет можно добавить несколько кнопок со ссылками. Они отправят клиента на указанную страницу.
Расположение, размер и удаление кнопок
Справа от названия подключенного мессенджера есть 3 кнопки.
Изменить или удалить мессенджер
Если нужно изменить номер, имя аккаунта или заменить сам мессенджер, кликните по кнопке с изображением карандаша. Тут же можно удалить мессенджер из виджета.
Изменить размер кнопки
Кнопки можно расположить по две в ряд или растянуть во всю ширину.
Для того, чтобы изменить размер, нажмите на кнопку с разнонаправленными стрелками:
Изменить расположение кнопки
Чтобы поменять порядок расположения кнопок в виджете — зажмите иконку с точками и перетащите строку на нужное место в списке:
После того, как вы добавили все способы связи, нажмите сохранить в верхнем левом углу вкладки. Код не будет действовать, если виджет не сохранен.
Как добавить код виджета на сайт
После завершения настроек система сгенерирует код для вставки виджета:
Если вы работаете с CMS:
- Скопируйте код виджета;
- Вставьте код на тех страницах, на которых должен отображаться виджет. Например, если вы хотите добавить виджет на каждую страницу, добавьте готовый код в файл, который отвечает за генерацию «подвала» всех страниц сайта. Если на вашем сайте используется несколько CMS, разместите код виджета во всех нужных местах.
Если вы работаете без CMS:
-
Скопируйте код виджета;
-
Добавьте код виджета в HTML-код тех страниц сайта, на которых он должен отображаться. Рекомендуем разместить код ближе к концу элемента body, чтобы не замедлять загрузку страницы.
Виджет также можно подключить с помощью системы управления тегами , если вы используете ее для вашего сайта. Такие системы позволяют хранить весь необходимый HTML/JavaScript-код на внешнем сервере, и просто подключать его на веб-страницы. При этом изменения в подключаемом коде не требуют изменений в коде страниц сайта.
В таком случае:
-
Скопируйте код виджета;
-
Создайте пользовательский тег с кодом виджета и настройте событие, которое будет выполнять этот тег. Например, при просмотре любой страницы сайта, или определенных страниц.
Если вы работаете с конструктором сайта:
- Скопируйте код виджета;
- Добавьте блок HTML и вставьте в него код виджета.
Как изменить положение виджета на сайте
Выбор положения виджета на сайте не предусмотрен, но вы можете вносить изменения в код виджета. Измените код самостоятельно или силами вашего разработчика.