Пошаговое руководство по установке онлайн-чата на сайт Tilda

Зачем нужен онлайн-чат на сайте?

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

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

• Гибкие режимы: вы можете переключаться между онлайн-режимом (оператор на связи и отвечает мгновенно) и офлайн-форматом (клиент оставляет сообщение, когда вы не у компьютера).
• Доступность: пользователю не нужно устанавливать сторонние программы для общения с вами — диалог открывается прямо в браузере.
• Анонимность и доверие: посетитель не обязан передавать свои контактные данные, если только вы сами не сделаете это поле обязательным в настройках виджета.

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

Как выбрать подходящий чат?

Давайте разберем ключевые функции и параметры, на которые нужно обратить внимание при выборе сервиса.

• Кастомизация виджета: Виджет консультанта должен органично вписываться в дизайн вашего сайта. Убедитесь, что сервис позволяет менять цвет, размер и расположение окна. Особое внимание обратите на адаптивность: если нет отдельной настройки отображения для мобильных телефонов, виджет на смартфонах может перекрыть важные элементы сайта. Намного проще сместить кнопку чата в настройках сервиса, чем переверстывать из-за неё весь сайт.
• Наличие бесплатного тарифа: Он необходим для полноценного тестирования функций или на этапе старта бизнеса, когда входящего трафика и клиентов еще немного.
• Раздельные онлайн- и офлайн-режимы: Если у вас нет круглосуточной поддержки, вы не должны упускать ночных клиентов. В офлайн-режиме чат должен превращаться в форму сбора заявок. Важно, чтобы сервис позволял настраивать эти режимы независимо друг от друга. Например, в офлайн-формате логично добавить обязательные поля для email или телефона, чтобы связаться с клиентом позже. Если раздельной настройки нет, эти громоздкие поля останутся и в онлайн-режиме, что снизит конверсию.
• Наблюдение за вводом (перехват текста): Эта функция позволяет оператору видеть текст, который посетитель только набирает в поле ввода, еще до нажатия кнопки «Отправить». Это дает драгоценные секунды, чтобы заранее продумать или найти ответ, что кардинально сокращает время ожидания.
• Быстрые (шаблонные) ответы: Со временем у вас сформируется база частых вопросов. Чтобы операторы не печатали одно и то же вручную, в сервисе должна быть возможность заготовить шаблоны ответов и отправлять их в клик или по горячим клавишам.
• Сценарные чат-боты: Бот автоматически общается по заранее заложенной логике, отвечая на типовые вопросы и снимая нагрузку с команды. Если у бота нет ответа, он мгновенно переводит диалог на живого сотрудника.
• Кнопочные чат-боты (меню самообслуживания): Разновидность ботов, где посетителю предлагают выбрать готовый вариант вопроса в виде кнопки. Если детально прописать такой сценарий и покрыть основные боли клиентов, можно автоматизировать поддержку до 80% без привлечения операторов.
• Мультиязычность: Если вы развиваете проект на международном рынке, виджет должен уметь автоматически адаптировать язык интерфейса под страну пользователя.
• Удобные приложения для операторов: Качественный сервис предлагает приложения для мобильных телефонов и Windows . Мобильное приложение позволит вам оставаться на связи с клиентами в дороге, а десктопная программа избавит от необходимости держать открытой лишнюю вкладку в браузере.

Это базовый набор возможностей, которым должен обладать современный онлайн-чат для эффективной работы с клиентами.

Подключаем онлайн-чат на свой сайт за 10 минут

В качестве примера выберем сервис ChatAndBot.com. Во-первых, он соответствует всем требованиям, а во-вторых, на бесплатном тарифе нет его логотипа. Присутствие чужого брендинга сразу говорит о бесплатном тарифе, а значит, о несерьезности вашего проекта. Бесплатными тарифами, как правило, пользуются либо только запустившиеся проекты, либо мошенники (чтобы не светить карту оплатой).

Шаг первый: Регистрация на сайте. Для регистрации зайдите на сайт ChatAndBot.com и нажмите "Вход/Регистрация". Затем введите почту и пароль.

Шаг второй: Откройте настройки виджета для вашего сайта. Перейдите на вкладку сайты (при входе открывается автоматически) и нажмите на "Мой сайт".

Шаг третий: Скопируйте код виджета. Скопируйте js код, нажав кнопку "Копировать в буфер обмена"

Шаг четвертый: Вставьте код виджета на свой сайт. Откройте настройки своего сайта в Tilda. На своей официальной странице Tilda публикует варианты добавления кода.

• Вариант 1: Добавить на сайт через HEAD.
• Вариант 2: Добавить на отдельную страницу через HEAD.
• Вариант 3: Добавить на отдельную страницу через блок T123.

Вариант 1: Перейдите в настройки сайта. Слева нажмите "Вставка кода" и затем "Редактировать код". В открывшейся форме вставьте скопированный код виджета и опубликуйте изменения.

Вариант 2: Перейдите в настройки страницы. Нажмите "Дополнительно". Перейдите в пункт "HTML-код для вставки внутрь head" он будет внизу. В открывшейся форме вставьте скопированный код виджета и опубликуйте изменения.

Вариант 3: Откройте Библиотеку блоков --> "Другое" и добавьте блок T123. Вставьте в блок скопированный код виджета и опубликуйте.

Заключение: сделайте поддержку клиентов безупречной

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

Выполнив те простые шаги, которые мы описали в нашей статье, вы сможете сразу приступить к поддержке ваших клиентов. Просто напишите что-нибудь в виджете, нажмите кнопку «Отправить», и вы получите сообщение в личном кабинете. Если вы хотите более подробно ознакомиться с возможностями онлайн-консультанта, то перейдите на страницу подробной документации, и там вы найдете информацию о подключении и настройке чата.