Омникнопка позволяет добавить на сайт кнопки социальных сетей, мессенджеров и не только. Таким образом посетитель сайта может выбрать удобный канал связи для решения вопроса, получить быстрый доступ к важной информации и связаться с вами по телефону. Омникнопка доступна как на обычной, так и на мобильной версии сайта.
- Включение омникнопки
- Настройка положения омникнопки на странице
- Добавление каналов
- Универсальная кнопка
Включение омникнопки
Для работы омникнопки потребуется установить виджет LiveTex на ваш сайт.
Подробнее об установке виджета.
Включить омникнопку можно в личном кабинете в разделе Дизайн → Омникнопка.
Чтобы подключить омникнопку в виджете, установленном на вашем сайте, выберите сайт и нажмите Включить.
По умолчанию в омникнопке уже будут доступны каналы чат на сайте, офлайн-канал и заказ звонка (при условии что эти каналы доступны вам по тарифу).
В нижней части раздела вы можете выбрать каналы, которые будут показаны посетителю:
- ВКонтакте,
- Facebook,
- Telegram,
- Viber,
- WhatsApp,
- Instagram,
- Одноклассники.
Кроме этого в омникнопку вы можете добавить:
- ссылку на ваш YouTube-канал,
- ссылку на какую-либо страницу сайта,
- кнопку звонка на ваш номер
- универсальную кнопку, при нажатии на которую можно выполнять ваш скрипт.
Настройка положения омникнопки на странице
Вы можете отрегулировать положение омникнопки отдельно для десктопной версии сайта и отдельно для мобильной версии. Десктопная версия сайта часто сильно отличается от мобильной, данная настройка позволяет выбрать удачное положение для каждой версии.
Вы можете выбрать сторону расположения омникнопки и отступ от боковой и нижней границы браузера. Для десктопной версии отступ настраивается в пикселях, для мобильной в процентах. Для десктопной версии также доступно два вида анимации: веер и линия.
После подключения всех необходимых кнопок/каналов и настройки положения обязательно нажмите кнопку Сохранить, чтобы изменения вступили в силу.
Добавление каналов
Чтобы добавить канал, нажмите на круглую иконку с его изображением. Ниже вы увидите новое поле ввода, куда можно добавить ссылку на ваш канал.
Для каждого канала под полем ввода указан пример ссылки. Нажмите на пример, чтобы он автоматически был скопирован в поле ввода. После этого достаточно будет заменить в поле номер телефона или имя вашего аккаунта.
- Для ВКонтакте, Facebook, Одноклассников в качестве PageName/Name укажите название вашего сообщества. Его можно найти в адресной строке, например, livetex_ru в адресе https://vk.com/livetex_ru .
- Для Telegram в качестве botName укажите название вашего бота. Его можно получить, обратившись в Telegram к @BotFather и отправив команду /mybots .
- Для Viber в качестве Name укажите идентификатор URI вашего бота. Идентификатор URI указывается во время создания чат-бота и его можно найти на странице https://partners.viber.com .
- Для Instagram в качестве Login укажите Имя пользователя, его можно найти в вашем профиле в начале страницы.
- Для WhatsApp в качестве phone укажите номер телефона вашей компании в WhatsApp.
Чтобы удалить канал из омникнопки, справа от поля ввода нажмите на кнопку ✖.
В правом нижнем углу можно увидеть, как будет выглядеть омникнопка. В свернутом виде перетяните кнопку в нижний правый или левый угол, чтобы изменить положение виджета на вашем сайте. Омникнопку можно разместить в правом и левом нижних углах окна сайта в отмеченных зонах.
Нажмите кнопку Сохранить, чтобы изменения вступили в силу.
Универсальная кнопка
Вы можете добавить несколько (но не более 7, в зависимости от количества прочих добавленных) универсальных кнопок. В результате вы сможете на сайте выполнять любое действие при нажатии на такую кнопку. Это работает следующим образом:
- В настройках кнопки указывается идентификатор события, которое будет происходить по нажатию на добавленную универсальную кнопку;
- На сайт необходимо добавить код, который будет следить за тем, произошло событие с нужным идентификатором или нет;
- Добавленный код по факту появления нужного события может выполнить любой скрипт, который будет указан в нём же владельцем сайта.
Допустим, мы добавили кнопку и установили идентификатор события lt-run-custom-script.
Вот пример кода, который необходимо установить на сайт для прослушивания события и вызова какого-либо действия при наступлении события:
<script type="text/javascript">
document.addEventListener('lt-run-custom-script', () => { console.log("Универсальная кнопка нажата!") //тут можно вместо console.log прописать выполнение любого кода. Например вы можете открыть какую-либо форму на вашем сайте или выполнить метод вызова сторонних сервисов
})
</script>
Для универсальной кнопки вы можете загрузить собственное изображение. Загрузить можно изображение JPEG или PNG размером не более 30KB.
Комментарии