Tilda - площадка для создания лендингов, многостраничных сайтов и интернет-магазинов. Интеграция с eyezon позволяет проводить лайв стримы с покупателями прямо с вашего сайта или интернет-магазина на Tilda, повышая конверсии и онлайн продажи.
Для того, чтобы начать работу с eyezon в Tilda, вам нужно добавить решение на ваш сайт с помощью HTML-кода и сделать необходимые настройки.
Чтобы кнопка eyezon появилась на вашем сайте или в интернет-магазине и по нажатию на неё вы могли успешно проводить лайв стримы, вам нужно сначала зарегистрироваться и авторизоваться в личном кабинете eyezon по ссылке: https://admin.witheyezon.com/#/auth/register.
Подробнее о регистрации и выборе тарифов можно прочитать в статье Регистрация личного кабинета.
После авторизации нужно создать и настроить кнопку, которая будет отображаться на вашем веб-сайте или в интернет-магазине. Для этого перейдите в разделе Кнопки вашего бизнес-аккаунта и создайте кнопку, если у вас её еще нет: нажмите на знак плюса. Если у вас есть кнопка, выберите существующую.
Нажав на кнопку, покупатель может посмотреть стрим по выбранному продукту и получить онлайн консультацию.
Перейдите к настройкам кнопки eyezon: определите её внешний вид, отображаемый для покупателя текст и введите шаблоны ответов, если необходимо.
<aside> 💡 Прежде, чем добавлять кнопку на сайт, советуем привязать к ней стримеров, которые и будут отвечать на все вопросы покупателей и проводить стримы. Подробнее читайте в статье Команда стримеров.
</aside>
Полную инструкцию о создании и настройке кнопок читайте в статье Создание кнопки и её настройка.
Для настройки решения eyezon вам нужно зайти в ваш личный кабинет на площадке Tilda.
После авторизации выберите сайт, на который хотите установить решение eyezon и в верхнем правом углу нажмите на три точки, а в открывшемся меню выберите Еще.
Итак, вы перешли в настройки вашего сайта. Проскролив вниз, вы увидите раздел HTML-код для вставки внутри HEAD. Нажмите на кнопку Редактировать код.
<aside> 💡 Добавление HTML-кода на сайт на Tilda доступно только на платных тарифах, либо в течение пробного периода. Подробнее о тарифных планах Tilda вы можете ознакомиться по ссылке: https://tilda.cc/ru/pricing/
</aside>
<aside>
ℹ️ Обратите внимание: Tilda ограничивает доступ к функции добавления кода внутрь headна ваш сайт, поэтому вам необходимо подтвердить свои номер телефона и email, прежде чем воспользоваться данной функцией.
</aside>
После того, как открылось окно редактирования кода, вам нужно скопировать и вставить код, приведённый ниже, в раздел Вставка кода в HEAD.
<html>
<body>
<script src="<https://storage.googleapis.com/contentforweb/tilda/eyezone.floating.min.js>"></script>
<script>
const loadEyezonButton = () => {
eyeZonButton(document,
'5dd3c828430a0b0031cada58', // businessId
[ // buttonsConfig, unlimited count of buttons can be configured
[ // button #1: will be displayed on pages 1 and 3
'6158558e1e331ce0985c12ac', // buttonId
'Заинтересовал продукт? <br>Можем начать для вас прямую трансляцию и показать его со всех сторон!', // buttonMainText
'Посмотреть вживую', // buttonText
'left', // position - left or right
['/page1', '/page3'] // array of page URLs where the button will be displayed
// Use * for all pages
// ---
// For page URL <https://example.com/page1?q=1> it will match with one of:
// - <https://example.com/page1?q=1>
// - <https://example.com/page1>
// - /page1
// - /page1?q=1
],
[ // button #2: will be displayed on all the pages except 1 and 3
'2118552r1e036ce0565c09gh', // buttonId
'Interested in a product? <br>We can start live stream for you and show it from all sides!', // buttonMainText
'See live', // buttonText
'right', // position - left or right
['*'] // array of page URLs where the button will be displayed
// Use * for all pages
// ---
// For page URL <https://example.com/page1?q=1> it will match with one of:
// - <https://example.com/page1?q=1>
// - <https://example.com/page1>
// - /page1
// - /page1?q=1
]
]);
}
if (document.readyState !== 'loading') {
loadEyezonButton();
} else {
document.addEventListener('DOMContentLoaded', loadEyezonButton);
}
</script>
<!-- -->
</body>
</html>