Как настроить обратный звонок с сайта в Битрикс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.![]() | Н/Д |
Тип содержимого | Тип содержимого тела запроса | 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 раз — резкое прекращение выполнения пользователя, а не предоставление функций, обрабатывающих ошибку.
Чтобы должным образом контролировать попытки повторных попыток, вы можете создать счетчик в своем потоке, чтобы отслеживать, сколько запросов было предпринято для конкретной службы, и добавить виджеты для ответа на основе результата каждой повторной попытки.
Чтобы создать счетчик:
- Добавьте виджет Set Variables Widget для создания и увеличения переменной
count
. - Используя теги Liquid, сначала проверьте, существует ли переменная
count
.Если это так, установите
подсчитайте значение
до его текущего значения плюс один с помощью жидкостного фильтраплюс: 1
. Если переменнаяcount
не существует, присвойте ей значение 1. Скопируйте и вставьте приведенный ниже код в поле Value вашей переменнойcount
.
{%, если поток.переменные.счет %} {{flow.variables.count | плюс: 1}} {% else %} 1 {% endif %}
Доступ к переменной count
можно получить в любом месте потока, используя {{flow.variables.count}}
.
Теперь вы можете проверить количество и продолжить увеличение или переместить поток вперед, используя виджет «Разделить на основе…» .
- Добавить разделение на основе… Виджет для анализа переменной
{{flow.variables.count}}
и определения того, не превысило ли количество запросов установленный вами предел. - Теперь вы добавите условие в виджет — проверка, равна ли переменная максимальному количеству запросов, которое вы укажете.
В этом примере максимальное число установлено на 3.
- Если проверяемая переменная не равна 3, зациклить переход Нет совпадений условий обратно к Виджет функции запуска , который завершился ошибкой. Это приведет к повторной попытке.
- Если переменная равна 3, используйте другой виджет для обработки сбоя по своему усмотрению. Например, вы можете использовать виджет для отправки сообщения , чтобы сообщить об ошибке клиенту.
HTTP-ответ от URL-адреса, указанного в виджете Make HTTP Request должен вернуть код состояния 2xx в течение 10 секунд для успешного выполнения, а размер тела ответа не должен превышать 64 КБ. Мы изложили несколько рекомендаций по настройке ответа HTTP:
. ЗаголовокОтвет | Рекомендация | Примечания |
Код состояния | 200 или 204 | 3xx перенаправление поддерживается .![]() |
Тип содержимого | приложение/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
Нужна помощь?
Мы все иногда делаем; код сложный.