Виджет заказ звонка: Обратный звонок для сайта и виджет callback

Как настроить обратный звонок с сайта в Битрикс24 – Блог Соль Битрикс24

Мануал по настройке заказа обратного звонка в Битрикс24.

Обратный звонок с сайта — один из эффективных инструментов онлайн-маркетинга. В настоящее время ни один интернет-магазин не обходится без этого инструмента. С его помощью посетитель оставляет свои данные и менеджер моментально может среагировать и связаться с клиентом. Рассмотрим, как настроить заказ обратного звонка в Битрикс24.

Шаг 1. Для начала необходимо создать форму обратного звонка. На странице CRM – Еще – CRM-формы нажимаем кнопку Создать форму


Формы обратного звонка схожи с CRM-формами и настраиваются аналогично. 

Чтобы создать и настроить CRM-форму, можно воспользоваться нашей инструкцией.

Укажем описание формы и выберем поля, которые должен заполнить клиент. Выберем ответственных за обработку Лидов и перейдем к дополнительным настройкам.

Важное отличие формы обратного звонка – необходимо выбрать номер для звонка и ввести сообщение, которое получит менеджер при заказе звонка.


О том, как настроить телефонию разных операторов в Битрикс24, мы рассказываем в инструкциях на сайте. 

Сохраняем CRM-форму и нажимаем Включить:

Шаг 2. Добавление формы обратного звонка в виджет Битрикс24

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

Если виджет Битрикс24 не настраивали – создадим новый или воспользуемся предустановленным.

Работа с виджетами ведётся на странице CRM — Виджет на сайт. 


Обратный звонок можно использовать совместно с другими каналами коммуникации, предложенными в виджете.


Ниже выбираем созданную нами форму, настраиваем рабочее время, параметры отображения и внешний вид формы.

 

Подробнее о настройке виджета Битрикс24 в нашей инструкции

Сохраняем виджет. Осталось разместить его на нашем сайте. 

Шаг 3. Размещение виджета Битрикс24 на сайте

Для использования виджета нажмите кнопку Код на сайт, скопируйте текст и поместите его в код вашего сайта перед закрывающим тегом body. 


Если ваш сайт создан в Битрикс24.Сайты, то необходимо перейти в его настройки:


Выбрать нужный виджет в соответствующем поле, сохранить:


Наш виджет появился на сайте!


Шаг 4. Тестируем заказ обратного звонка

Заполним форму обратного звонка, которая открывается при нажатии на виджет:


В Битрикс24 у ответственного за форму отображается уведомление о заказе обратного звонка, создается Лид. 

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


Готово! В результате у нас настроен заказ обратного звонка с сайта, менеджеры оперативно связываются с клиентом.

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

Виджет обратного звонка для сайта CallBack

Хотите больше клиентов с сайта?

Установите Обратный звонок CallBack.

Обратный звонок CallBack — это специальная кнопка, при нажатии на которую посетитель вашего сайта сможет оставить свой номер для связи, а виджет автоматически соединит его с менеджером (отделом) или отправит заявку на обратный звонок на указанный e-mail компании.

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

БЕСПЛАТНОЕ ТЕСТИРОВАНИЕ 14 ДНЕЙ

Стоимость услуги — 300р в месяц

СПОСОБЫ ПРИЕМА ОБРАТНОГО ЗВОНКА:

1. автоматически соединить с сотрудником (отделом) или любым внешним номером;

2. собирать заявки в виде писем на e-mail, чтобы перезвонить в удобное время.

ПРИ ЗАКАЗЕ ОБРАТНОГО ЗВОНКА:

1. Открывается окно заказа звонка, которое сообщает клиенту, что сотрудник компании с ним свяжется в течение 26 секунд. От посетителя сайта требуется минимум усилий – ввести свой номер телефона.
2. Посетитель сайта вводит свой номер телефона и нажимает кнопку «Жду звонка», Виртуальная АТС звонит вашему сотруднику.

3. После ответа менеджер слышит в трубке, что клиент заказал обратный звонок с сайта. Далее Виртуальная АТС автоматически перезванивает клиенту.

4. Происходит между ними разговор, сотрудник отвечает на вопросы, компания получает потенциального клиента.

ЧЕМ УДОБЕН ВИДЖЕТ ДЛЯ КЛИЕНТА:

1. Для клиента звонок в компанию бесплатен.

2. Не надо слушать голосовое приветствие (меню).

3. Не приходится долго ждать ответа.

Виджет Обратного звонка (CallBack) для сайта — это быстрый, удобный и бесплатный канал связи с вами!

Кнопка виджета может располагаться справа, слева, внизу или наверху страницы.

Цвета кнопки заказа звонка, фон всплывающего окна и текста внутри него Вы можете выбрать сами.

По клику на кнопку открывается форма для указания номера. Она имеет 3 варианта отображения: снизу, по центру, справа.

  

РАБОТА В НОЧНОЕ ВРЕМЯ

Виджет работает круглосуточно или по расписанию работы компании. В нерабочее время Вы можете отключить виджет или предложить клиенту заказать обратный звонок на ближайший рабочий день. В этот день виртуальная АТС автоматически совершит обратный звонок и соединит с менеджером.

ЛОВЕЦ ЛИДОВ

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

  • по времени нахождения на сайте;
  • по количеству просмотренных страниц;
  • ловить при уходе с сайта (при движении мышки к крестику закрытия окна или вкладки).

ОТОБРАЖЕНИЕ В ИСТОРИИ

Звонок фиксируются в Виртуальной АТС в Истории и Статистике как обычный входящий звонок, но с пометкой, что он был заказан через виджет.

АНАЛИТИКА

Для того, чтобы провести аналитику эффективности виджета, Вы можете настроить цели в сервисе Яндекс.Метрика и Google Analytics.

ХОЧУ ВИДЖЕТ НА СВОЙ САЙТ

БЕСПЛАТНОЕ ТЕСТИРОВАНИЕ 14 ДНЕЙ

Стоимость услуги — 300р в месяц

обратный звонок,

обратный звонок для сайта,

виджет обратного звонка,

обратный звонок callback,

виджет callback,

увеличение продаж на сайте,

заказ обратного звонка на сайте

Studio — Создать виджет HTTP-запроса

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

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

Возврат пользовательского TwiML из виджета «Создать HTTP-запрос» не поддерживается. Вместо этого используйте виджет TwiML Redirect.

Для правильной работы виджета «Создать HTTP-запрос» требуется несколько фрагментов информации. Есть три обязательных поля: Метод запроса , URL-адрес запроса и Тип содержимого . Вы можете выбрать метод запроса и тип содержимого из раскрывающегося списка на панели инспектора виджетов.

Имя Описание Пример По умолчанию
Метод запроса HTTP-метод вашего запроса ПОЛУЧИТЬ или ПОЧТОВЫЙ ПОЛУЧИТЬ
URL запроса URL-адрес, на который вы хотите отправить запрос https://myurl.
com
Н/Д
Тип содержимого Тип содержимого тела запроса URL-адрес формы закодирован или Приложение/JSON URL-адрес формы в кодировке

Для безопасных URL-адресов, использующих базовую аутентификацию доступа, вы можете добавить свои учетные данные имени пользователя и пароля в URL-адрес запроса, как показано здесь: https://user:password@mydomain.com/handler.php

Вот как выглядит конфигурация по умолчанию для виджета «Создать HTTP-запрос»:

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

Имя Описание Пример
Тело запроса Текст для включения в тело запроса. {{widgets.first_question.inbound.Body}}
HTTP-параметры Пары ключ/значение, представляющие параметры URL для передачи вместе с запросом в виде строковых литералов или переменных. «key»: «value» или ключ: {{flow.variables.}}

Studio поддерживает язык шаблонов Liquid, который позволяет работать с динамическим содержимым во всем потоке — он может оказаться полезным для создания тела запроса или значения параметров HTTP на лету, как показано в таблице выше. Вы можете увидеть это в действии в нашем руководстве по проведению опроса.

Эти события вызывают переходы от этого виджета к другому виджету в вашем потоке. Дополнительные сведения о работе с переходами в Studio см. в этом руководстве пользователя.

Имя Описание Пример
Успех Успешный возврат HTTP 200
Ошибка URL-адрес не возвращается или имеет ошибку HTTP 500

Виджет «Создать HTTP-запрос» требует, чтобы вы настроили переходы как для состояния успеха, так и для состояния отказа, чтобы ваш Studio Flow знал, что делать, если он получит ответ или если запрос каким-либо образом не будет выполнен. Если запрос будет выполнен успешно, вы, скорее всего, перейдете к следующему виджету в своем потоке. В состоянии Fail вы можете повторить запрос или выйти из потока.

Возможно, вы захотите повторить запрос к внешней службе или функции Twilio, если произойдет сбой.

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

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

Чтобы создать счетчик:

  1. Добавьте виджет Set Variables Widget для создания и увеличения переменной count .
  2. Используя теги Liquid, сначала проверьте, существует ли переменная count . Если это так, установите подсчитайте значение до его текущего значения плюс один с помощью жидкостного фильтра плюс: 1 . Если переменная count не существует, присвойте ей значение 1. Скопируйте и вставьте приведенный ниже код в поле Value вашей переменной count .
 {%, если поток.переменные.счет %}
{{flow.variables.count | плюс: 1}} {% else %} 1 {% endif %} 

Доступ к переменной count можно получить в любом месте потока, используя {{flow.variables.count}} .

Теперь вы можете проверить количество и продолжить увеличение или переместить поток вперед, используя виджет «Разделить на основе…» .

  1. Добавить разделение на основе… Виджет для анализа переменной {{flow.variables.count}} и определения того, не превысило ли количество запросов установленный вами предел.
  2. Теперь вы добавите условие в виджет — проверка, равна ли переменная максимальному количеству запросов, которое вы укажете. В этом примере максимальное число установлено на 3.
  3. Если проверяемая переменная не равна 3, зациклить переход Нет совпадений условий обратно к Виджет функции запуска , который завершился ошибкой. Это приведет к повторной попытке.
  4. Если переменная равна 3, используйте другой виджет для обработки сбоя по своему усмотрению. Например, вы можете использовать виджет для отправки сообщения , чтобы сообщить об ошибке клиенту.

HTTP-ответ от URL-адреса, указанного в виджете Make HTTP Request должен вернуть код состояния 2xx в течение 10 секунд для успешного выполнения, а размер тела ответа не должен превышать 64 КБ. Мы изложили несколько рекомендаций по настройке ответа HTTP:

. Заголовок
Ответ Рекомендация Примечания
Код состояния 200 или 204 3xx перенаправление поддерживается . Код состояния 4xx или 5xx изменится на «сбой» в виджете.
Тип содержимого приложение/json Content-Type не требуется, если код состояния равен 204 No Content. Поддерживаются другие типы содержимого, такие как обычный текст или XML. Но только объекты application/json (например, {"foo":"bar"} ) будут автоматически преобразованы в переменные Studio.
Корпус Действительный JSON Содержимое тела должно соответствовать заголовку Content-Type.
Время отклика 10 секунд или менее Studio истечет время ожидания запроса в 10 секунд и перейдет в состояние «сбой» в виджете.
Размер ответа Максимум 64 КБ Studio может обрабатывать только ответы размером до 64 КБ.

Вы можете поработать с данными, которые вы передаете на конечную точку, и вернуть больше данных или переменных для дальнейшей работы в вашем потоке.

Возврат JSON

Если ваш запрос возвращает объект в допустимом формате JSON, вы сможете получить к нему доступ через widgets.MY_WIDGET_NAME.проанализировано .

Например, если ваш URL-адрес возвращает {"сообщение": "Привет", "человек": {"имя": "Боб", "возраст": 40}} , вы можете указать это в последующих виджетах как:

виджеты. MY_WIDGET_NAME .parsed.message

виджеты. MY_WIDGET_NAME .parsed.person.name

виджеты. MY_WIDGET_NAME .parsed.person.age

Обратите внимание, что хотя массив является допустимым JSON, если ваш запрос возвращает массив объектов, он будет , а не , анализируется вашим Studio Flow. Оберните массив в объект JSON, чтобы получить доступ к элементам массива.

Переменные всех типов возврата

Независимо от того, какой ответ ваш URL возвращает в Studio, следующие переменные будут доступны для вашего Flow. Дополнительные сведения о работе с переменными в Studio см. в этом руководстве.

Корпус

{{виджеты. MY_WIDGET_NAME .body}}

Полное тело ответа возвращено службой.

Тип содержимого

{{виджеты. MY_WIDGET_NAME .content_type}}

Тип содержимого ответа службы.

Код состояния

{{виджеты. MY_WIDGET_NAME .status_code}}

Код состояния, возвращенный службой.

Одним из примеров использования виджета «Создать HTTP-запрос» является отправка сообщения, поступающего на номер телефона Twilio, в Slack. На снимке экрана ниже мы видим, что виджет Make HTTP Request запускается, когда на номер телефона этого Studio Flow приходит сообщение. Виджет «Создать HTTP-запрос» будет принимать тело сообщения, которое приходит от пользователя (как указано в Тело запроса конфигурации виджета) и отправить его в Slack.

Хотите узнать, как использовать виджет «Создать HTTP-запрос» на реальном примере? Следуйте одному из наших пошаговых руководств, чтобы увидеть этот виджет в действии несколькими способами:

  • Как публиковать SMS-сообщения в Slack
  • Как провести SMS-опрос с помощью Studio

Нам не терпится увидеть, что вы построите!

Оцените эту страницу:

1 2 3 4 5

Нужна помощь?

Мы все иногда делаем; код сложный.

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *