Онлайн-чат для лендинга: как не терять заявки с одностраничника

Лендинг создаётся ради одного действия: оставить заявку, записаться, купить. Всё, что мешает этому действию, стоит денег — особенно когда трафик платный. Онлайн-чат для лендинга закрывает одну конкретную дыру: посетитель с вопросом, на который нет ответа на странице. Без чата он уходит, с чатом — получает ответ за минуту и оставляет заявку. Разберём, чем чат на одностраничнике отличается от чата на большом сайте и как настроить его так, чтобы он помогал конверсии, а не отвлекал от неё.

Чем лендинг отличается от многостраничного сайта

На многостраничном сайте посетитель может сам найти ответ: открыть раздел «Доставка», почитать FAQ, посмотреть каталог. На лендинге всё должно уместиться на одной странице, и часть вопросов неизбежно остаётся за кадром.

Особенности, которые влияют на работу чата:

• Короткий визит. Посетитель с рекламы решает за минуты. Если ответ придёт через полчаса, он уже не вернётся.
• Холодная аудитория. Человек впервые видит компанию и проверяет, можно ли ей доверять. Живой ответ в чате — сильный сигнал, что компания реальная.
• Один сценарий. Задача чата — довести до заявки или принять её прямо в переписке, а не развлекать.
• Неравномерный поток. Реклама работает вечером и в выходные, когда офис закрыт.

Какие вопросы задают на лендинге

Проанализируйте свой оффер и запишите вопросы, которые остаются после прочтения страницы. Как правило, это:

• Цена в конкретном случае. «А сколько будет стоить для квартиры 60 метров?»
• Сроки и наличие. «Успеете до конца месяца?», «Есть свободные места на курсе?»
• Условия. Оплата частями, договор, гарантия, возврат.
• География. «Работаете в моём городе?», «Доставляете в регионы?»
• Подходит ли мне. «У меня такая ситуация — это ваш случай?»

Ответы на самые частые из них стоит добавить и на сам лендинг, и в шаблоны ответов операторов. А всё, что требует индивидуального расчёта, — повод взять контакт и превратить разговор в заявку. Подробнее о техниках — в статье про лидогенерацию через онлайн-чат.

Внешний вид и размещение виджета

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

1. Цвета. Подберите цвет кнопки и панели под фирменную палитру. В ChatDeck есть светлая, тёмная, автоматическая темы и собственные цвета.
2. Форма и размер. Скругление углов и размер кнопки должны соответствовать стилю страницы. На минималистичном лендинге уместна маленькая аккуратная кнопка.
3. Положение. Если справа внизу стоит плавающая кнопка «Оставить заявку», перенесите чат в левый угол, чтобы они не спорили друг с другом.
4. Приветствие. Напишите его под оффер: «Рассчитаем стоимость за 2 минуты — напишите площадь» работает лучше, чем «Чем могу помочь?».
5. Своя кнопка. Плавающую кнопку можно скрыть и открывать чат по клику на элемент самого лендинга, например «Задать вопрос» рядом с ценой.

Проверьте страницу с телефона: на мобильном экране кнопка чата не должна перекрывать форму и кнопку заявки. Виджет ChatDeck работает в Shadow DOM и не меняет стили страницы.

Реклама, источник перехода и быстрый ответ

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

В ChatDeck оператор видит текущий адрес страницы посетителя — вместе с UTM-метками, если они есть в ссылке, — а также сайт, с которого человек пришёл. По метке кампании можно понять, что посетитель пришёл, например, по объявлению со скидкой, и не начинать разговор с другого предложения.

Скорость на лендинге решает больше, чем где-либо. Несколько практик:

• Шаблоны ответов на пять самых частых вопросов.
• Уведомления на телефоне и компьютере у того, кто дежурит в чате, пока идёт реклама.
• Перевод в заявку. Если вопрос сложный, сразу просите телефон или почту: «Пришлю расчёт в течение часа — куда удобнее?».

Бот для трафика вне рабочих часов

Реклама не выключается в семь вечера, а люди часто изучают предложения поздно вечером. Если в чате никого нет, вечерний трафик теряется.

ИИ-ассистент решает эту задачу:

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

Утром оператор открывает входящие и видит всю переписку: что спрашивал человек, что ответил бот и какие контакты оставлены.

Установка на конструкторах лендингов

Большинство лендингов собираются на конструкторах, и почти везде есть поле для вставки кода. Код чата — одна строка, она работает и в head, и перед закрывающим тегом body.

• Tilda. Код вставляется в настройках сайта в поле для HTML-кода внутри head, после чего нужно переопубликовать страницы. Понадобится платный тариф. Инструкция — установка чата на Tilda.
• Flexbe. «Настройки» → «Вставка кода». Проверяйте в режиме предпросмотра: в редакторе сторонний код не выполняется. Подробно — инструкция для Flexbe.
• LPgenerator. Скрипт добавляется в редакторе страницы через «Скрипты». Общего поля на весь сайт нет, поэтому код нужно добавить на каждую страницу. Смотрите инструкцию для LPgenerator.

Инструкции для других конструкторов — Taplink, Craftum, Creatium, Mottor и ещё двух десятков платформ — собраны в разделе интеграций.

Частые вопросы

Не отвлечёт ли чат от кнопки заявки?

Если оформить его аккуратно — нет. Небольшая кнопка в цветах сайта, расположенная так, чтобы не перекрывать форму, не мешает. Чат нужен тем, кто не готов оставить заявку, пока не получит ответ на свой вопрос, — без него они бы просто ушли.

Нужен ли чат, если есть форма?

Форма подходит тем, кто уже решил. Чат — тем, кто сомневается. Это разные посетители, и чат дополняет форму, а не заменяет её. Часто разговор в чате как раз заканчивается тем, что человек оставляет контакты.

Как понять, с какой рекламы пришёл посетитель?

Используйте UTM-метки в ссылках объявлений. Оператор ChatDeck видит адрес страницы вместе с метками и сайт, с которого пришёл посетитель, поэтому может учитывать, какое предложение человек видел в рекламе.

На каких конструкторах можно поставить чат?

Практически на любых, где можно добавить свой HTML-код: Tilda, Flexbe, LPgenerator, Taplink, Craftum, Creatium и другие. На некоторых платформах для этого нужен платный тариф — это указано в инструкциях.

Итог

Онлайн-чат на лендинге — это страховка для каждого рекламного клика: он ловит сомневающихся посетителей и превращает их вопросы в заявки. ChatDeck можно поставить бесплатно и без ограничений по операторам: зарегистрируйтесь и следуйте инструкции для своего конструктора. Как проверить, что чат появился на странице, показано в уроке «Установка чата на сайт».