Вставить на сайт виджет вконтакте на: как добавить виджет связи на сайт и что учесть

alexxlab

Как установить виджет подписки | База знаний TextBack

Зачем вам виджет подписки

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

Подписка происходит в 1 клик без ввода каких-либо данных, а сообщения в мессенджерах открывает 80% получателей — это в 3,5 раза больше, чем в email.

  • Информируйте клиентов об акциях и обновлениях
  • Отправляйте разогревающие цепочки сообщений
  • Задавайте вопросы и сегментируйте клиентов в зависимости от ответов
  • Отправляйте сообщения о статусе заказа и экономьте на SMS
Мы рекомендуем предлагать пользователю подарок за подписку: промо-код на скидку, ссылку на полезную статью, бесплатный тестовый период и т.д. Это повысит конверсию в лида, а подарок вы можете автоматически отправлять в сообщении после успешной подписки.

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

Максимально можно создать 20 виджетов подписки.
Для увеличения количества виджетов обратитесь в службу поддержки.

Создайте новый виджет

1. Перейдите в раздел Инструменты роста
2. Выберите Виджет подписок в выпадающем списке
3. Нажмите на кнопку Новый виджет

Общие настройки

1. Выберите мессенджеры через которые вы хотите общаться с клиентами. Для этого:

  • Подключите нужные вам каналы. Если у вас пока что нет подключенных мессенджеров, добавьте их по нашей Инструкции.
  • Если вы используете ВКонтакте, настройте Лендинг ВК. Это поможет вашим клиентам осуществлять прямой переход в приложение ВКонтакте при подписке через виджет.
  • Если вы используете WhatsApp, настройте CTA-текст — это заранее набранное сообщение в мессенджере, которое может отправить клиент после подписки на вас через виджет. Нужно будет лишь нажать кнопку «Отправить». Для каждого виджета CTA-текст должен быть уникальным, иначе подписка не будет срабатывать корректно.
2. Добавьте теги, навешиваемые на чат с клиентом

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

3. Установите приветственное сообщение

Текст сообщения может быть любой. По умолчанию установлен — Поздравляем, Вы подписались на уведомления.

Вы можете добавить к сообщению любой файл, кнопки и смайлики. Используйте кнопки со ссылками, чтобы прислать подписчику материалы. Задавайте кнопки-ответы, чтобы сегментировать аудиторию сразу при подписке.

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

Настройте внешний вид

Перейдите на вкладку Внешний вид и настройте вариант показа виджета, текст и оформление.
У виджета подписки два основных вида:

1. Всплывающее окно

При таком варианте показа попап-виджет будет появляться поверх страницы вашего сайта. Для него вы можете настроить:

  • Заголовок (текст и цвет)
  • Описание (текст и цвет)
  • Иконку на виджете (колокольчик, громкоговоритель или бумажный самолетик)
  • Фон виджета (светлый или темный)

Поп-ап будет выглядеть следующим образом

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

2. Кнопки мессенджеров

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

  • Внешний вид кнопок
  • Их расположение (вертикальное или горизонтальное)
  • Их выравнивание на странице
Чтобы получать больше подписчиков, используйте более заметное всплывающее окно.

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

Установите настройки показа

Настройки показа помогают определить условия и количество показов виджета

Вы можете определить:

  • устройства, на которых будет отображаться виджет
  • условия показа
  • поведение при закрытии виджета (для всплывающего окна)
  • количество показов за сессию и ее длину

Установите виджет на сайт

Скопируйте код виджета и установите на сайт:

  • Для всплывающего окна — перед закрывающим тегом </body> на всех страницах, где он должен отображаться.
  • Для кнопок — в любом месте страницы.
Если ваш сайт сделан на конструкторе Tilda или InSales — коды для виджетов можно вставлять через html-блок. Чтобы узнать, как вставить html-блок на вашем сайте, изучите инструкции или обратитесь в службу поддержки вашей CMS.

Например, если вы используете Tilda, вам необходимо вставить код виджета в html-блок в необходимое место на странице.

Вы можете настроить появление виджета подписки при нажатии на кнопку по нашей Инструкции

А с помощью инструкции SDK можно изменить внешний вид вашего виджета.

Готово! Ваш виджет настроен и установлен на сайте. Скоро у вас появятся первые подписчики!

Работаете с базой больше 20 000 контактов?

Берем всю техническую часть на себя на корпоративном тарифе. Получите персональное сопровождение вашего проекта с выделенной рабочей группой

Оставьте заявку и мы проведем демонстрацию платформы TextBack, рассчитаем стоимость под ваши задачи и ответим на любые вопросы

Оставить заявку

Какой виджет WhatsApp лучше установить на сайт?

Известен ли вам способ бесплатно получить данные о клиентах? В CRM-системах вашей компании будет храниться вся контактная информация о покупателях, собрать которую поможет эффективный инструмент — виджет WhatsApp. Его стоит выбрать и как достаточно новый бесплатный способ продвигать ваш бизнес и услуги.

Зачем добавлять на ваш сайт виджет от приложения WhatsApp и какие он выполняет функции?

Из мобильного трафика через сообщения в WhatsApp и в целом через мессенджеры можно сгенерировать больше лидов. Как сделать, чтобы это получилось? Вы просто добавляете специальную кнопку Ватсап на свой сайт. Это бесплатно.

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

В этом случае система автоматически вставляет номер телефона компании, а в строке ввода пользователи видят сообщение, текст которого вы подготовили заранее, чтобы клиентам было проще начать общение с менеджером. Человек отправляет этот шаблон, а компания получает потенциального покупателя, его номер, запрос на сотрудничество и имя человека, если оно есть в описании профиля. Дальше все зависит от того, как в сообщениях сработает отдел продаж.

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

Почему установить виджет WhatsApp на ваш сайт — это эффективно?

Этот инструмент достаточно новый, но, тем не менее, опережает обычные онлайн-чаты благодаря следующим преимуществам:

  • Просто и удобно — люди привыкли общаться и писать сообщения в мессенджерах, это быстрее и удобнее, чем через почту, звонки и т.д. Виджет позволяет в два клика переместиться с сайта в WhatsApp-диалог.
  • Доступ к контактной информации клиента — сегментация покупателей по запросам помогает делать прицельные рассылки.
  • Доверие — человек оставляет свой номер, а это делает его лояльнее.
  • Эффективная реклама — процент открываемых сообщений в этом приложении приближен к 100.

Какие виджеты от приложения WhatsApp можно использовать для сайта?
  • «Прямая связь» от Ватсап

Это виджет чата WhatsApp, который позволяет создать ссылку, чтобы человек начал общение с вами, даже если он не сохранил ваш номер в контактах телефона.

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

https://api.whatsapp.com/send/?phone=xxxxxxxxxxx, где ххххххххххх — полный телефонный номер в международном формате.

Также можно установить короткий вариант ссылки:

https://wa.me/xxxxxxxxxxx, где ххххххххххх — ваш номер без скобок, плюсов и дефисов.

Функция «Прямая связь» доступна как на телефоне, так и в веб-версии.

 

  • Виджет «Общаться в WhatsApp»

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

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

Важно отметить, что надпись кнопки для виджета «Общаться в WhatsApp» доступна сейчас только на английском языке.

Сервис Ватсап рекомендует придерживаться следующих моментов:

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

 

  • Вставить кнопку на сайт с помощью специальных сервисов

Благодаря таким сервисам, как, например, Widget Profeat, вы можете добавить виджет WhatsApp на свою веб-страницу через HTML-код или встроить его в систему CMS.

  • HTML-код. После регистрации программа генерирует вам код, который необходимо добавить на каждую страницу сайта в пределах тегов <head></head> или <body></body>. При этом, если в последствии вы меняете номер телефона или настройки виджета, код переустанавливать не нужно.
  • CMS-система. Специальные сервисы помогают вам установить плавающий блок в CMS или конструктор сайта, но способы внедрения будут отличаться. Код нужно добавить в поле для произвольного HTML-блока. Если после установки входных данных на сайт вы решили подкорректировать настройки кнопки, код менять нет необходимости.

Виджеты WhatsApp и сквозная аналитика на примере Битрикс24

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

Wazzup передает ID пользователя в Битрикс24, а уже оттуда данные поступают в сервис аналитики.

1. Разработчик устанавливает на вашем сайте необходимый скрипт: Яндекс.Метрика, Google Analytics, Roistat, CoMagic.

Клиент нажимает кнопку виджета и по встроенной в нее ссылке переходит в WhatsApp. В строке набора сообщения он увидит текст, который вы заранее подготовите и который содержит номер заявки и метку {wz_metric}, которую человек видит как комбинацию букв и чисел. Этот текст вы можете менять, но важно сделать это так, чтобы клиент не стер предложенный ему шаблон, в противном случае данных для аналитики не будет.

2. Открываете личный кабинет Wazzup и заходите в настройки интеграции.

3. В пункте 1 настроек интеграции ищете, что именно создается в момент, когда обращается клиент. Если отмечена воронка «Лиды», создается лид. Если во время настройки выбрали какую-то другую воронку, то создается сделка и контакт.

4. На левой панели Битрикс24 ищете CRM и заходите в этот раздел.

5. Затем открываете «Настройки» (верхняя панель или правая часть верхней панели >> выпадающее меню «Еще».

6. В разделе «Настройки» нажимаете «Настройки форм и отчетов», а после этого выбираете «Пользовательские поля».

7. Решаете, какому из трех сегментов (лид, контакт, сделка) добавить поле для внесения ID клиента. Сегмент должен совпадать с пунктом 1 настроек интеграции Wazzup.

8. Нажимаете «Добавить поле».

9. Пишете название поля в новом окне:

  • «yandex» либо «ym» для сервиса аналитики Яндекс. Метрика;
  • «google» либо «ga» — для Google Analytics;
  • «roistat» — для Roistat;
  • «comagic» — для CoMagic.

10. Нажимаете «Сохранить».

11. Выбираете сегмент, к которому добавили поле, — лид, сделку или контакт. Заходите.

12. Нажимаете «Выбрать поле», выбираете из списка: «О лиде», «О контакте», «О сделке». Если в списке отсутствует название поля, нажимаете «Выбрать из другого раздела» и выбираете.

13. В личном кабинете Wazzup возвращаетесь в настройки интеграции и на верхней панели жмете «Обновить данные из Битрикс24».

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

Больше информации по сквозной аналитике можно прочитать здесь

Вывод

Виджет WhatsApp — кнопка на сайте, которая в два клика переносит посетителя в мессенджер для общения с представителем вашей компании.

Если вы подключили WhatsApp Business API, то можете настроить шаблоны приветственных сообщений для быстрой возможности отвечать клиентам, чтобы сразу же наладить коммуникацию.

Виджет WhatsApp — это простой способ получить личный номер потенциального покупателя, новую заявку, имя человека, потому что оно есть в описании профиля.

Кнопка на сайте приводит трафик в Ватсап. А там диалог со специалистом и грамотная консультация приводят людей к покупке.

Джумла! Каталог расширений

Бесплатно

Akeeba Backup

By Akeeba Ltd

Site Security

Akeeba Backup Core — наиболее широко используемый компонент резервного копирования с открытым исходным кодом для Joomla! CMS. Его задача проста: создать резервную копию сайта, которую можно восстановить на любом сервере с поддержкой Joomla!, что делает его идеальным не только для резервного копирования, но и для переноса сайта или даже для развертывания сайтов на серверах ваших клиентов. Akeeba Backup создает полную резервную копию вашего сайта в одном архиве.

В архиве все т…

Бесплатно

Convert Forms

By Tassos Marinos

Контактные формы

Convert Forms — это простой и мощный конструктор расширений форм Joomla, предназначенный для роста. Еще никогда не было более простого способа привлечь потенциальных клиентов для ваших маркетинговых кампаний, чем Convert Forms. Создавайте идеальные конвертирующие формы AJAX для своего веб-сайта Joomla, которые интегрируются с постоянно расширяющимся списком основных сторонних сервисов кампаний, таких как MailChimp, AWeber, Google Analytics, GetResponse, Activ…

Платная загрузка

JSitemap

By J!Extensions Store

Карта сайта

JSitemap генератор карты сайта и контента для Joomla, удостоенное наград расширение и комплексное SEO-решение для Joomla! Это самое популярное и продвинутое решение для управления SEO и картами сайта для Joomla с почти 20 000 пользователей и 200 000 установок, и это первое программное обеспечение SEO для Joomla, в котором реализован новый Google Indexing API и ChatGPT.

Создайте XML и HTML карту сайта для Joomla…

Платная загрузка

Event Booking

By Ossolution Team

Events

Events Booking — это самое мощное, многофункциональное и простое в использовании расширение Events Registration для Joomla. Он позволяет создавать события (как бесплатные, так и платные), позволяет зарегистрированным лицам регистрироваться на эти события (индивидуальная, групповая регистрация или корзина покупок) и обрабатывать платежи через шлюзы онлайн-платежей. Основные характеристики: Вложенные категории Events Booking позволяет организовывать мероприятия через бесконечность…

Бесплатно

JCE

By Widget Factory Limited

Editors

Отмеченный наградами настраиваемый WYSIWYG-редактор для Joomla! Включает расширенную обработку изображений, файлов и ссылок, поддержку плагинов и интерфейс администрирования для настройки редактора. Офисные функции и знакомые кнопки упрощают форматирование Загружайте, переименовывайте, удаляйте, вырезайте/копируйте/вставляйте изображения и вставляйте их в свои статьи, используя интуитивно понятный и знакомый интерфейс. Создание ссылок на категории,…

Бесплатно

JEvents

By Geraint Edwards

Events

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

Платная загрузка

EngageBox

Автор Tassos Marinos

Всплывающие окна и iFrames

Всплывающие окна и модальные окна, которые повысят коэффициент конверсии и помогут превратить посетителей в подписчиков и клиентов. Создайте всплывающее окно с согласием на загрузку страницы, липкую панель уведомлений, плавающую панель, всплывающее окно с намерением выйти, всплывающее окно с лайтбоксом, слайд-ин, полноэкранное всплывающее окно, боковую панель, экран нажатия на сайт вниз (приветственный коврик), всплывающее окно любого существующего модуля или напишите свое собственное сообщение.

Popup и Modal могут быть назначены определенным…

Платная загрузка

Contact Enhanced Component

By Ideal Extensions

Contact Forms

Contacts Enhanced — это менеджер контактов и компонент формы с множеством функций: GOOGLE КАРТЫ и направления; НЕОГРАНИЧЕННЫЕ ПОЛЯ ФОРМ: теперь у вас может быть столько настраиваемых полей, сколько вы пожелаете. Вы можете запросить любую информацию, которая вам нужна, от пользователей, которые связываются с вами; Доступные типы полей: Текст, Многотекстовое (текстовое поле), Список выбора, Флажок, Радиокнопка, Дата, Диапазон дат, Число, Диапазон чисел,…

Платная загрузка

EasyBlog

By stackideas

Blog

Easy Blog — лучшее расширение блога Joomla, которое поддерживает более 80 000 Joomla! веб-сайты и блог. Easy Blog можно использовать для управления личным блогом, блогом компании, блогом категории или даже коллективным блогом. Easy Blog имеет множество интеграций с социальными сетями, что позволяет автоматически публиковать сообщения в Facebook, Twitter, LinkedIn. Расширение Easy Blog также имеет встроенную интеграцию с EasySocial, JomSoci…

Бесплатно

Галерея Phoca

Ян Павелка

Галереи

Галерея Phoca — это Joomla! компонент. Современная и отзывчивая галерея с множеством различных методов детализации. Он полностью совместим с Joomla 4 — см. Phoca Gallery и Joomla 4 Demo. Параметры: более 200 параметров, что позволяет стилизовать галерею по-разному. Дополнительные плагины: более 10 плагинов Дополнительные модули более 5 плагинов Внешние изображения: Picasa, Google+, Google Фото, изображения…

Бесплатно

Расширенный менеджер модулей

By Regular Labs

Управление модулями

Расширенный менеджер модулей — управляйте своими модулями так, как это должно быть. Advanced Module Manager — это расширение, которое меняет способ работы вашего менеджера модулей. Он добавляет множество функций, таких как: ★ Множество условий публикации ваших модулей! Вы можете управлять модулями публикации (ALL / ANY): ☆ Пункт меню ☆ Домашняя страница . ..

Бесплатно

FaLang

By Stéphane Bouey

Многоязычный контент

Переведите свой сайт на несколько языков самым простым способом. Компонент Falang позволяет вам управлять переводами всего вашего контента, даже контента всех ваших компонентов/модулей на вашем веб-сайте. Совместимость с Joomla 4: Falang 4.X версии последней 4.12 (2023/06/02) Joomla 3.9 и 3.10 — это версия Falang 3.10.X, последняя версия 3.10.6 (21.10.2022) Начиная с версии 2.0, вы показываете статус компонента…

Платная загрузка

EShop

By Ossolution Team

Корзина

EShop — это мощное и гибкое расширение корзины покупок / электронной коммерции Joomla. Он построен на основе стандартного Joomla! Структура MVC с множеством замечательных функций, удобна для пользователя и проста в настройке. Вы просто устанавливаете, добавляете продукты, включаете встроенные модули, платежные плагины, плагины доставки, и вы готовы начать принимать заказы. ОСОБЕННОСТИ КАТАЛОГА: ★ Режим каталога ★ Режим корзины котировок ★ Не. ..

Платная загрузка

Shack Forms

By Joomlashack

Контактные формы

Shack Forms — это самый простой и мощный способ добавления форм на ваш сайт Joomla. Shack Forms позволяет настраивать формы, а затем отображать их в ваших статьях, во всплывающих окнах, в модулях или где угодно. Дизайн Shack Forms полностью гибок благодаря множеству различных тем, стилей и эффектов. Без использования какого-либо кода Shack Forms может красиво выглядеть на вашем сайте. Покажите свою Joomla…

Бесплатно

sigplus

By Levente Hunyadi

Галереи

sigplus добавляет фото и мультимедийные галереи в статьи Joomla с помощью простого синтаксиса. Настройка занимает считанные минуты, но для опытных пользователей предлагается широкий спектр опций. Несмотря на свою универсальность, sigplus полностью бесплатен. Это полноценный продукт со всеми включенными функциями, нет необходимости покупать коммерческую профессиональную версию для дополнительных функций или приобретать членство в клубе. ..

Бесплатно

J2Store

By Ramesh Elamathi

Корзина покупок

J2Store — это встроенная корзина покупок Joomla и расширение электронной коммерции. Создайте свой интернет-магазин и продавайте онлайн быстро и легко. Он расширяет статьи как продукты и позволяет вам превращать статьи в полноценные продукты. Никаких накладных расходов на сайт. Нет громоздкой регистрации. Просто прямо из коробки. Создайте красивый интернет-магазин, используя только статьи Joomla. Используйте статьи как продукты, определите z…

Бесплатно

Community Builder

Автор команды CB на Joomlapolis.com

Communities

Community Builder (CB) — чрезвычайно гибкое и надежное решение для социальных сетей для Joomla. CB имеет огромную пользовательскую базу, долгую историю и большое будущее. Социальные веб-сайты выходят далеко за рамки двойников Facebook, а CB имеет буквально сотни встроенных функций и может быть дополнен дополнительными (бесплатными или коммерческими) надстройками от команды CB и других сторон, которые помогут вам реализовать свои собственные. ..

Платная загрузка

Smart Slider

By NEXTEND

Slideshow

Smart Slider 3 от Nextend — идеальное решение для слайдеров для Joomla, которое содержит 4 типа слайдеров и полностью адаптивно. Создавайте красивые слайдеры и анимированные блоки с помощью визуального редактора нового поколения. Потрясающие слайдеры, никаких компромиссов! Smart Slider 3 — расширение слайдера с самым высоким рейтингом для Joomla, которым пользуются более 900 000 довольных пользователей. ВВЕДЕНИЕ Smart Slider 3 — это новый и интуитивно понятный…

Наши плагины новые | Clearfy

Наши плагины