Введение в Landbot.io (и как вы можете использовать его вместе с WordPress)

Опубликовано: 2018-08-25

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

Вот тут-то и пригодятся такие сервисы, как Landbot.io. Эта конкретная платформа проста в использовании и отличается диалоговым дизайном, который способствует лучшему взаимодействию. В этой статье мы подробнее рассмотрим Landbot.io и расскажем, как его использовать. Перед этим давайте поговорим еще о диалоговом дизайне и целевых страницах!

Что такое разговорная целевая страница (и как она может вам помочь)

Как вы, возможно, знаете, целевые страницы - это одностраничные веб-сайты, предназначенные для увеличения количества конверсий. В свою очередь, диалоговая целевая страница построена на взаимодействии с чат-ботом. В наши дни добавить чат-бота в WordPress достаточно просто, но использовать его в качестве центрального элемента целевой страницы гораздо сложнее.

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

Создание интерактивной целевой страницы, которая будет привлекательной и достаточно эффективной для увеличения конверсии, может занять некоторое время. Вам нужно будет поработать над настройкой того, как ваш чат-бот будет реагировать на посетителей, если вы хотите, чтобы они уходили счастливыми. Некоторые чат-боты сложнее использовать, чем другие, поэтому вам понадобится тот, который прост в настройке и позволит вам создать визуально привлекательный результат. Давайте посмотрим на один прямо сейчас!

Знакомство с Landbot.io

Интеграция Landbot.io с WordPress.

Если вы хотите увидеть, как выглядит диалоговая целевая страница в естественных условиях, посетите Landbot.io прямо сейчас. Сам дизайн прост, и все это построено на чат-боте, который предоставляет информацию и помогает направить вас на страницу регистрации.

Что касается самого сервиса, он упрощает процесс создания чат-бота, чем многие другие инструменты, которые мы пробовали. Зарегистрироваться просто, и вы можете создать бесплатную учетную запись за считанные минуты. После регистрации вы можете сразу приступить к работе над своим чат-ботом с помощью интуитивно понятного конструктора чат-ботов на основе потоков.

Помимо простоты использования, Landbot.io также позволяет вам поиграть с дизайном своего чат-бота, что позволяет использовать его практически на любом веб-сайте. Кроме того, интегрировать его с WordPress очень просто, как мы покажем вам в следующем разделе.

Хотя платформа предлагает бесплатный план, она поддерживает только до 100 бесплатных чатов. Это означает, что если вы собираетесь использовать его для веб-сайта, который получает даже умеренный объем трафика, или для создания серьезной целевой страницы, вы, вероятно, захотите выложить премиум-аккаунт.

Ключевая особенность:

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

Цены: бесплатный план поддерживает до 100 чатов, а премиум-опции начинаются с 20 евро (примерно 23 доллара США) в месяц | Больше информации

Как использовать Landbot.io с WordPress (за 3 шага)

Сейчас мы научим вас, как создать базового чат-бота с помощью Landbot.io и интегрировать его с WordPress. Пока мы фокусируемся на WordPress, мы должны отметить, что вы также можете использовать Landbot.io для создания автономных целевых страниц. Мы поговорим об этом позже, а пока перейдем к делу!

Шаг № 1: Настройте свою учетную запись Landbot.io

Если вы чем-то похожи на нас, вы, вероятно, устали проходить длительные подписки на новые услуги, которые вы хотите попробовать. Тем не менее, Landbot.io удается сохранить удовольствие от процесса, используя чат-бота, который направляет вас через все это. Для начала просто посетите домашнюю страницу Landbot.io и нажмите Да! Создайте моего бота под красивой кружкой Райана Рейнольда:

Создание нового чат-бота.

Затем бот задаст вам несколько быстрых вопросов, включая ваше имя и ваш сайт:

Настройка Lanbot.io с помощью бота WordPress.

Наконец, вы можете сообщить об этом Landbot.io, если вы новичок в чат-ботах. Если вы никогда раньше не создавали чат-бота, мы рекомендуем выбрать Да, чтобы вы получили несколько советов по использованию платформы:

Создание вашего первого Landbot.io с интеграцией WordPress.

Как только это будет сделано, вы сможете войти в свою новую учетную запись Landbot.io и получить доступ к своей панели управления.

Шаг № 2: Создайте базового чат-бота

Давайте теперь посмотрим на практические аспекты создания чат-бота. В случае с Landbot.io он работает по «блочной» системе. Каждый блок может содержать несколько сообщений, которые будут отображаться по порядку. Кроме того, вы можете настроить уникальные «потоки» или действия для каждого элемента в ваших блоках.

Вот небольшой пример. Каждый чат-бот начинается с приветственного сообщения, которое вы видите слева. Затем мы настроили второй блок, запрашивающий у пользователей их электронную почту. Затем мы связали это с уведомлением Slack и добавили краткое «Спасибо!» сообщение после:

Настройка сообщения с благодарностью для вашего Landbot.io с интеграцией WordPress.

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

Прямо сейчас ваш чат-бот должен выглядеть примерно так:

Ваш первоначальный чат-бот.

Теперь перетащите зеленую линию рядом с нижним элементом в любую точку экрана, и вы получите возможность добавить сообщение или вопрос:

Добавление вопроса для вашего Landbot.io с интеграцией WordPress,

Давайте перейдем к вопросу, и вы увидите множество вариантов на выбор. В этом примере давайте выберем вариант электронной почты :

Выбор элемента электронной почты.

Landbot.io покажет вам заранее заданное сообщение, но вы можете изменить его на все, что захотите, а затем применить эти изменения:

Запрос электронной почты вашего посетителя.

Теперь наш вопрос готов, но мы также хотим получать уведомления, когда у нас появляется новый интерес, поэтому давайте нажмем кнопку интеграции слева:

Интеграция Landbot.io и WordPress.

Выберите вариант Slack / Email сейчас, а затем подключите его к вопросу, который вы задали минуту назад. В этом примере мы настроим простое уведомление по электронной почте вместо интеграции со Slack.

Для этого щелкните элемент « Уведомление» , отключите параметр «Slack» и включите параметр « Уведомление по электронной почте» . Затем добавьте электронное письмо, на которое вы хотите получать уведомления, ниже, а также текст, который они должны включать:

Настройка уведомлений по электронной почте.

Примените изменения к элементу как обычно, затем закройте настройки. Наконец, мы должны добавить сообщение с благодарностью, которое появляется, когда кто-то достаточно любезен, чтобы поделиться своим электронным письмом. Для этого перетащите зеленую линию от элемента Уведомление в другую точку и выберите опцию Простое сообщение :

Выбор варианта простого сообщения.

Теперь добавьте сообщение, которое вы хотите показать, и обратите внимание, что вы также можете включать изображения, GIF-файлы, видео YouTube и даже HTML-код, если хотите оживить ситуацию:

Редактирование вашего сообщения с благодарностью.

Наш базовый чат-бот для целевой страницы готов, но прежде чем мы добавим его в WordPress, давайте сделаем его красивым. Чат-боты Landbot.io отлично выглядят из коробки, но вы можете улучшить ситуацию, щелкнув вкладку « Дизайн » в верхней части экрана. На этой вкладке выберите вариант " Шаблоны дизайна" :

Вкладка дизайна Landbot.io.

Теперь попробуйте любой шаблон, который вы хотите, и посмотрите, как ваш чат-бот будет выглядеть с ним справа от экрана:

Предварительный просмотр нового шаблона.

Вы можете внести множество других изменений в дизайн своего чат-бота. Если вы хотите узнать о них больше, вы можете ознакомиться с полной документацией Landbot.io. А пока выберите понравившийся шаблон и нажмите кнопку « Сохранить и опубликовать» в правом верхнем углу экрана:

Публикация нового чат-бота.

Теперь у вас есть базовый чат-бот, готовый к работе. Пришло время интегрировать Landbot.io с WordPress.

Шаг № 3: вставьте своего чат-бота в WordPress

Теперь нажмите кнопку « Поделиться» в верхней части панели управления Landbot.io. Теперь вам будет показана ссылка, которую вы можете использовать, чтобы отправлять людей на своего чат-бота на их платформе:

Проверка нового URL-адреса для совместного использования.

Если вы хотите использовать Landbot.io в качестве полноценной целевой страницы, вы можете просто указать домен на этот URL. Однако мы хотим интегрировать нашего чат-бота с существующим сайтом WordPress. Таким образом, нажмите на опцию Встроить на свой веб-сайт слева:

Вариант встраивания Landbot.io.

На следующем экране вы увидите фрагмент HTML, который вы будете использовать для встраивания своего чат-бота на любую из своих страниц WordPress. Вы также можете выбрать, должен ли чат-бот отображаться в виде полной страницы, виджета или живого чата. В этом примере мы будем использовать опцию живого чата.

У нас есть базовая страница Divi, готовая к работе, как вы можете видеть в примере ниже:

Базовый макет Divi.

Давайте продолжим и добавим где-нибудь там модуль кода , который будет включать наш код живого чата. Неважно, куда идет модуль. В конце концов, чат будет отображаться в свернутом виде справа от экрана:

Интеграция Landbot.io с WordPress.

Если вы хотите, чтобы чат-бот был центральным элементом целевой страницы, вы также можете использовать опцию полной страницы. Однако имейте в виду, что в этом случае бот будет отображаться на всей странице, то есть он будет охватывать все, что вы настроили с помощью Divi. Таким образом, вы должны сначала создать сайт вокруг чат-бота, чтобы случайно не скрыть другой контент. Если вы хотите создать полноценную диалоговую целевую страницу при использовании WordPress, это лучший способ сделать это!

Заключение

Разговорные целевые страницы все еще остаются неисследованной областью веб-дизайна, но они могут быть эффективным инструментом для увеличения конверсии. Использование чат-бота в качестве центрального элемента вашей целевой страницы может даже помочь вам выделиться среди конкурентов, поэтому вам следует подумать о том, чтобы попробовать такие сервисы, как Landbot.io.

В этой статье мы показали вам, как интегрировать Landbot.io с WordPress, выполнив следующие действия:

  1. Настройте свою учетную запись Landbot.io.
  2. Создайте базового чат-бота.
  3. Вставьте своего чат-бота в WordPress.

У вас есть вопросы о том, как улучшить работу чат-бота? Давайте поговорим о них в разделе комментариев ниже!

Миниатюра графической статьи Ирины Санрайз / shutterstock.com