Что требует Webflow
Webflow позволяет добавлять код для всего сайта на сайтах с платным Site plan или на платных тарифах Workspace. На бесплатном сайте Starter этого сделать нельзя. Кроме того, пользовательский код выполняется только на опубликованном сайте, а не на холсте Designer.
Получите свою строку кода
Зарегистрируйтесь по e-mail и введите адрес опубликованного сайта (ваш собственный домен или адрес webflow.io, если посетители заходят по нему). После первого чтения скопируйте строку из личного кабинета:
<script src="https://7x24hrs.com/widget.js" data-store="site_…" async></script>Добавление в Webflow
- Откройте Site settings своего проекта.
- Перейдите на вкладку Custom code.
- Вставьте строку в Footer code. Она размещается перед закрывающим тегом
</body>на каждой странице. - Нажмите Save changes.
- Нажмите Publish и опубликуйте сайт на нужных доменах.
- Откройте опубликованный сайт. Кнопка чата появится в правом нижнем углу, а в личном кабинете будет статус Подключено.
Чтобы показывать чат только на одной странице, используйте настройки кода этой страницы (перед </body>) вместо футера всего сайта.
Два домена? Добавьте оба
Многие сайты на Webflow доступны и на собственном домене, и на webflow.io. Чат отвечает только на доменах, зарегистрированных в личном кабинете; с www и без www считаются одним адресом. Если он нужен и на тестовом адресе, добавьте этот домен в личном кабинете. Для локальных тестов подходит и localhost.
Что он делает на сайте Webflow
Он читает открытые страницы сайта, включая страницы CMS-коллекций, до которых может добраться по вашим ссылкам, и перечитывает их каждый день, так что новые элементы CMS и правки доходят до ассистента без каких-либо действий с вашей стороны. Он отвечает на языке посетителя только по этим страницам, честно говорит, если ответа на них нет, и собирает такие вопросы для вас в список.
На Webflow часто делают сайты SaaS-сервисов, агентств и компаний, оказывающих услуги. Там типичные вопросы — «есть ли интеграция с X», «что входит в тариф Pro», «как отменить подписку» и «работаете ли вы с клиентами из моей страны». Если на ваших страницах есть ответы, их даст и ассистент. Если нет — вы увидите эти вопросы в своём списке.
Для Webflow Ecommerce он отвечает на вопросы о товарах и правилах по вашим страницам. К заказам Webflow он не подключается, поэтому не может найти, отменить или изменить заказ: такие разговоры передаются вам.
Передача разговоров команде
Когда посетитель просит человека или ему нужно что-то сделать, разговор приходит вам на e-mail или в Slack, Discord или Telegram, если вы их подключили. Из мессенджеров можно ответить, и посетитель увидит ваш ответ в своём окне чата.
Проверьте, прежде чем объявлять
- Задайте тестовому чату на странице настройки вопросы, пришедшие в отдел продаж или поддержку за прошлый месяц.
- Где ответа нет, добавьте нужный факт на ту страницу, где посетители стали бы его искать, и опубликуйте сайт.
- После следующего ежедневного чтения спросите ещё раз и проверьте в личном кабинете список вопросов, на которые он не смог ответить.
Ваши ответы остаются вашими: ассистент не использует сторонние знания о вашем продукте, конкурентах или ценах — только то, что написано на вашем опубликованном сайте.
Работает ли он на бесплатном тарифе Webflow?
Webflow разрешает пользовательский код только на сайтах с платным Site plan или на платных тарифах Workspace, поэтому на бесплатном сайте Starter — нет.
Почему я не вижу чат в Designer?
Пользовательский код выполняется только на опубликованном сайте. Опубликуйте сайт и откройте его в новой вкладке.
Читает ли он страницы CMS?
Да — открытые страницы CMS, до которых можно добраться по ссылкам на вашем сайте; они перечитываются каждый день.
Не будет ли он конфликтовать с моими interactions или скриптами?
Чат живёт в собственном изолированном элементе (shadow root) и загружается асинхронно, поэтому ваши стили и скрипты на него не влияют, а он — на них.
Сколько это стоит?
30 разговоров в месяц бесплатно, с маленькой строкой «Powered by 7x24hrs». Платные тарифы — $19, $59, $199 и $1,099 в месяц за 90, 275, 1 000 и 6 000 разговоров. Подробнее — в разделе цены.