Подписаться

Омникнопка

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

Включение омникнопки

Для работы омникнопки потребуется установить виджет LiveTex на ваш сайт.
Подробнее об установке виджета.

Включить омникнопку можно в личном кабинете в разделе Дизайн → Омникнопка.

3b331c07-2e12-4a46-aee0-a706b11c0590.png

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

По умолчанию в омникнопке уже будут доступны каналы чат на сайте, офлайн-канал и заказ звонка (при условии что эти каналы доступны вам по тарифу).

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

  • ВКонтакте, 
  • Facebook,
  • Telegram,
  • Viber,
  • WhatsApp,
  • Instagram,
  • Одноклассники.

Кроме этого в омникнопку вы можете добавить:

  • ссылку на ваш YouTube-канал,
  • ссылку на какую-либо страницу сайта,
  • кнопку звонка на ваш номер
  • универсальную кнопку, при нажатии на которую можно выполнять ваш скрипт.

Настройка положения омникнопки на странице

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

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

f197b28a-06fb-4489-b11e-5eec84fa3721.png

 

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

 

Добавление каналов

Чтобы добавить канал, нажмите на круглую иконку с его изображением. Ниже вы увидите новое поле ввода, куда можно добавить ссылку на ваш канал.

34a6d62a-b9b2-4d73-bf33-6444736e2f80.png

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

  1. Для ВКонтакте, Facebook, Одноклассников в качестве PageName/Name укажите название вашего сообщества. Его можно найти в адресной строке, например, livetex_ru в адресе https://vk.com/livetex_ru .
  2. Для Telegram в качестве botName укажите название вашего бота. Его можно получить, обратившись в Telegram к @BotFather и отправив команду /mybots .
  3. Для Viber в качестве Name укажите идентификатор URI вашего бота. Идентификатор URI указывается во время создания чат-бота и его можно найти на странице https://partners.viber.com .
  4. Для Instagram в качестве Login укажите Имя пользователя, его можно найти в вашем профиле в начале страницы.
  5. Для WhatsApp в качестве phone укажите номер телефона вашей компании в WhatsApp.

 

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

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

4dc0d91e-f6ca-4f0d-abc3-408a69b44fea.png

Нажмите кнопку Сохранить, чтобы изменения вступили в силу.

 

Универсальная кнопка

Вы можете добавить несколько (но не более 7, в зависимости от количества прочих добавленных) универсальных кнопок. В результате вы сможете на сайте выполнять любое действие при нажатии на такую кнопку. Это работает следующим образом:

  • В настройках кнопки указывается идентификатор события, которое будет происходить по нажатию на добавленную универсальную кнопку;
  • На сайт необходимо добавить код, который будет следить за тем, произошло событие с нужным идентификатором или нет;
  • Добавленный код по факту появления нужного события может выполнить любой скрипт, который будет указан в нём же владельцем сайта.

Допустим, мы добавили кнопку и установили идентификатор события lt-run-custom-script.

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

 

<script type="text/javascript">
document.addEventListener('lt-run-custom-script', () => { console.log("Универсальная кнопка нажата!") //тут можно вместо console.log прописать выполнение любого кода. Например вы можете открыть какую-либо форму на вашем сайте или выполнить метод вызова сторонних сервисов
})
</script>

Для универсальной кнопки вы можете загрузить собственное изображение. Загрузить можно изображение JPEG или PNG размером не более 30KB.

Была ли эта статья полезной?
Пользователи, считающие этот материал полезным: 0 из 0
Еще есть вопросы? Отправить запрос

Комментарии