Пошаговая инструкция по настройке виджета Битрикс24.
Виджет на сайте помогает клиенту быстро связаться с сотрудником компании, получив актуальную информацию по интересующему вопросу. А также позволяют отказаться от процесса регистрации, который отпугивает клиентов.
Мы рассмотрим, как создать в Битрикс24 виджет, который можно разместить на сайте компании и использовать для контакта с клиентами.
Виджет Битрикс24 — это "кнопка", при нажатии на которую посетитель увидит список доступных инструментов.
Работа с виджетами ведётся на странице CRM > Интеграции > Виджет на сайт.
В списке вы можете увидеть краткую информацию о каждом виджете - какие каналы связи в него входят, когда и кем он был создан и как он располагается на странице.
По умолчанию нам доступен стандартный виджет, однако можно создать свой и наполнить его нужными инструментами.
Для создания нового виджета нажмите кнопку Создать виджет:
В форме создания нужно выбрать каналы коммуникации, расположение и внешний вид создаваемого виджета. Задайте название для виджета, чтобы проще ориентироваться в списке.
Создадим такой виджет, чтобы клиенты смогли написать нам в отрытую линию в рабочее время компании, а в нерабочее время была бы возможность заполнить форму для обратной связи.
Открытая линия
Этот канал направляет сообщения клиентов из разных источников (мессенджеры, социальные сети, Битрикс24.Network) в чат менеджеру.
Менеджер отвечает на обращение и клиент получает сообщение ВКонтакте, Facebook* и т.д. - там, где он писал изначально.
* Компания Meta* (соцсети Facebook* и Instagram*) признана экстремистской и ее деятельность запрещена в РФ.
Вы можете выбрать одну из существующих открытых линий или создать новую.
Управлять доступными каналами коммуникаций можно в разделе Контакт-центр.
Как настроить открытые линии в Битрикс24, поможет наш мастер-класс.
Мы же выберем онлайн-чат и открытую линию ВКонтакте. Предположим, менеджеры обрабатывают обращения из этих каналов коммуникаций в будние дни с 9 до 19.
Укажем этот график в настройках рабочего времени виджета. Так, клиенты будут видеть эти инструменты виджета только в рабочее время менеджеров и смогут получить оперативный ответ.
Перейдем к следующему каналу обращений – CRM-форма
Мы хотим, чтобы клиенты могли заполнить форму обратной связи в любое время, поэтому не будем указывать для нее настройки рабочего времени.
Клиент заполняет форму – в CRM создается Лид, а менеджер связывается с клиентом в рабочее время.
О том, как создать и настроить CRM-форму можно прочитать в нашей статье.
Один из каналов обращений – Обратный звонок. Для его настройки необходимо создать специальную CRM-форму, но, кроме этого, в Битрикс24 должен быть подключен хотя бы один телефонный номер.
С помощью формы обратного звонка посетитель оставляет свои данные и менеджер моментально сможет среагировать и связаться с клиентом.
Формы обратного звонка схожи с CRM-формами и настраиваются аналогично.
По умолчанию все каналы, подключенные к виджету, будут установлены на всех страницах сайта. Этими настройками можно управлять в Параметрах отображения.
Автоматическое приветствие
Для привлечения внимания посетителей к виджету можно использовать автоматическое приветствие. Выберите фото сотрудника, укажите его имя и задайте текст с приветствием.
При необходимости задайте задержку показа и исключения страниц.
Например, можно показывать приветствие только на главной странице и через 15 секунд после визита. При помощи индивидуальных приветствий можно настроить отдельные приветствия для разных страниц сайта.
Перейдем к настройке внешнего вида и расположения кнопки виджета.
Выберите цвет фона и иконок согласно стилю вашего сайта. Положение на экране и время показа - сразу или с задержкой.
Иногда бывает полезно отключить показ виджета на мобильных устройствах - за это отвечает соответствующая галочка.
На коммерческих тарифах вы можете убрать подпись Заряжено в Битрикс24. Также вы можете выбрать язык виджета.
Наш виджет готов! Осталось разместить его на сайте. Для использования виджета нажмите кнопку Код на сайт, скопируйте текст и поместите его в код вашего сайта перед закрывающим тегом body.
Если ваш сайт создан в Битрикс24 Сайты, то необходимо перейти в его настройки:
Выбрать созданный виджет в соответствующем поле, сохранить:
Наш виджет появился на сайте, созданном в Битрикс24!
Основатель и генеральный директор в «Соль», эксперт по системному управлению и автоматизации бизнеса, партнёр 1С-Битрикс с 2007 года. С 2009 года реализовал более 500 проектов по внедрению и адаптации Битрикс24. Основатель и партнёр ещё трёх компаний в сферах IT, медиапродакшна и агропроектов. Автор популярного видеокурса по Битрикс24, ментор предпринимателей и активный участник бизнес-сообщества.
{"form":{"id":3,"sid":"SALT_LICENSE_QUIZ","name":"Квиз «Выбери свой тариф Битрикс24»","signature":"3.30a079170c375e24c89a9b7d5d006437c3ecabb00d4160204116f9efea9264a4"},"questions":[{"sid":"LICENSE_TYPE","title":"Начнём! Какой тип лицензии Битрикс24 вас интересует?","required":true,"sort":100,"answers":[{"id":14,"message":"Облачный","value":"cloud","type":"radio","sort":100},{"id":15,"message":"Коробочный","value":"boxed","type":"radio","sort":200},{"id":16,"message":"Я не знаю, помогите выбрать","value":"need_help","type":"radio","sort":300},{"id":17,"message":"Я уже пользуюсь Битрикс24, нужна помощь","value":"existing","type":"radio","sort":400}]},{"sid":"CLOUD_TASKS","title":"Какие задачи хотите решать с помощью Битрикс24","required":false,"sort":200,"answers":[{"id":18,"message":"Нужна CRM - работа с лидами, сделками, счетами и другое","value":"crm","type":"checkbox","sort":100},{"id":19,"message":"Наладить коммуникацию в компании","value":"communications","type":"checkbox","sort":200},{"id":20,"message":"Оптимизировать работу отдела продаж","value":"sales","type":"checkbox","sort":300},{"id":21,"message":"Автоматизировать бизнес и настроить бизнес-процессы","value":"automation","type":"checkbox","sort":400},{"id":22,"message":"Контролировать процессы внутри компании","value":"control","type":"checkbox","sort":500},{"id":23,"message":"Нужен интернет-магазин","value":"shop","type":"checkbox","sort":600},{"id":24,"message":"Наладить процессы согласования и хранения документов","value":"documents","type":"checkbox","sort":700},{"id":25,"message":"Заниматься маркетингом - рассылки, сегментация клиентов и др","value":"marketing","type":"checkbox","sort":800},{"id":26,"message":"Вести сквозную аналитику","value":"analytics","type":"checkbox","sort":900},{"id":77,"message":"Настройка BI-аналитики","value":"bi_analytics","type":"checkbox","sort":1000},{"id":78,"message":"Внедрение ИИ","value":"ai","type":"checkbox","sort":1100}]},{"sid":"BOXED_PLAN","title":"Какой тариф коробочного Битрикс24 нужен?","required":false,"sort":300,"answers":[{"id":27,"message":"Интернет-магазин + CRM","value":"shop_crm","type":"radio","sort":100},{"id":28,"message":"Корпоративный портал","value":"corporate_portal","type":"radio","sort":200},{"id":29,"message":"Энтерпрайз","value":"enterprise","type":"radio","sort":300},{"id":30,"message":"Не знаю, помогите выбрать","value":"need_help","type":"radio","sort":400}]},{"sid":"USERS_COUNT","title":"Сколько человек будет работать в Битрикс24?","required":false,"sort":400,"answers":[{"id":31,"message":"до 5 человек","value":"up_to_5","type":"radio","sort":100},{"id":32,"message":"5-50 человек","value":"5_50","type":"radio","sort":200},{"id":33,"message":"50-100 человек","value":"50_100","type":"radio","sort":300},{"id":34,"message":"100-250 человек","value":"100_250","type":"radio","sort":400},{"id":35,"message":"250-500 человек","value":"250_500","type":"radio","sort":500},{"id":36,"message":"500+ человек","value":"500_plus","type":"radio","sort":600}]},{"sid":"CLOUD_STORAGE","title":"Сколько места в облаке потребуется?","required":false,"sort":500,"answers":[{"id":37,"message":"до 5 ГБ","value":"5_gb","type":"radio","sort":100},{"id":38,"message":"до 24 ГБ","value":"24_gb","type":"radio","sort":200},{"id":39,"message":"до 100 ГБ","value":"100_gb","type":"radio","sort":300},{"id":40,"message":"до 1024 ГБ","value":"1024_gb","type":"radio","sort":400},{"id":41,"message":"до 3 ТБ","value":"3_tb","type":"radio","sort":500},{"id":42,"message":"более 3 ТБ","value":"over_3_tb","type":"radio","sort":600}]},{"sid":"IMPLEMENTATION_HELP","title":"Нужна помощь с настройкой и внедрением Битрикс24?","required":false,"sort":600,"answers":[{"id":43,"message":"Да, нужна","value":"yes","type":"radio","sort":100},{"id":44,"message":"Не нужна, хочу внедрять сам","value":"no","type":"radio","sort":200}]},{"sid":"EXISTING_HELP","title":"Какая помощь нужна?","required":false,"sort":700,"answers":[{"id":45,"message":"Хочу сменить тариф Битрикс24","value":"change_plan","type":"checkbox","sort":100},{"id":46,"message":"Нужно обучить сотрудников","value":"train_staff","type":"checkbox","sort":200},{"id":47,"message":"Нужно настроить CRM","value":"configure_crm","type":"checkbox","sort":300},{"id":48,"message":"Нужна интеграция с 1С","value":"integrate_1c","type":"checkbox","sort":400},{"id":49,"message":"Нужен комплексный аудит портала","value":"audit","type":"checkbox","sort":500},{"id":50,"message":"Нужно наладить работу с задачами и проектами","value":"tasks_projects","type":"checkbox","sort":600},{"id":51,"message":"Нужна автоматизация процессов","value":"automation","type":"checkbox","sort":700},{"id":52,"message":"Свой вариант","value":"other","type":"text","sort":800}]},{"sid":"EXISTING_PRODUCT_TYPE","title":"Какой Битрикс24 используете сейчас?","required":false,"sort":800,"answers":[{"id":53,"message":"Облачный","value":"cloud","type":"radio","sort":100},{"id":54,"message":"Коробочный","value":"boxed","type":"radio","sort":200}]},{"sid":"EXISTING_CLOUD_PLAN","title":"Какой тариф облачного Битрикс24 используете?","required":false,"sort":900,"answers":[{"id":55,"message":"Бесплатный","value":"free","type":"radio","sort":100},{"id":56,"message":"Базовый","value":"basic","type":"radio","sort":200},{"id":57,"message":"Стандартный","value":"standard","type":"radio","sort":300},{"id":58,"message":"Профессиональный","value":"professional","type":"radio","sort":400},{"id":59,"message":"Энтерпрайз","value":"enterprise","type":"radio","sort":500}]},{"sid":"EXISTING_BOX_EDITION","title":"Какая редакция коробочного Битрикс24 используется?","required":false,"sort":1000,"answers":[{"id":60,"message":"Интернет-магазин + CRM","value":"shop_crm","type":"radio","sort":100},{"id":61,"message":"Корпоративный портал 50","value":"portal_50","type":"radio","sort":200},{"id":62,"message":"Корпоративный портал 100","value":"portal_100","type":"radio","sort":300},{"id":63,"message":"Корпоративный портал 250","value":"portal_250","type":"radio","sort":400},{"id":64,"message":"Корпоративный портал 500","value":"portal_500","type":"radio","sort":500},{"id":65,"message":"Энтерпрайз","value":"enterprise","type":"radio","sort":600}]},{"sid":"GIFT","title":"При покупке Битрикс24, мы дарим подарки. Выбери свой:","required":false,"sort":1100,"answers":[{"id":66,"message":"Скидка до 20% на выбранный тариф","value":"discount","type":"radio","sort":100},{"id":67,"message":"Экспресс-аудит Битрикс24","value":"audit","type":"radio","sort":200},{"id":68,"message":"Курс по внедрению Битрикс24 + курс для пользователей","value":"courses","type":"radio","sort":300}]},{"sid":"EXISTING_GIFT","title":"Всем клиентам мы дарим подарки. Выбери свой:","required":false,"sort":1200,"answers":[{"id":69,"message":"Скидка до 20% на выбранный тариф","value":"discount","type":"radio","sort":100},{"id":70,"message":"Экспресс-аудит Битрикс24","value":"audit","type":"radio","sort":200},{"id":71,"message":"Курс по внедрению Битрикс24 + курс для пользователей","value":"courses","type":"radio","sort":300}]},{"sid":"CLIENT_NAME","title":"Введите имя","required":false,"sort":1300,"answers":[{"id":72,"message":"Имя","value":"name","type":"text","sort":100}]},{"sid":"CLIENT_EMAIL","title":"Введите email","required":false,"sort":1400,"answers":[{"id":73,"message":"E-mail","value":"email","type":"text","sort":100}]},{"sid":"CLIENT_PHONE","title":"Введите телефон","required":true,"sort":1500,"answers":[{"id":74,"message":"Телефон","value":"phone","type":"text","sort":100}]},{"sid":"COMPANY_INDUSTRY","title":"Сфера деятельности компании","required":false,"sort":1600,"answers":[{"id":79,"message":"Сфера деятельности","value":"industry","type":"text","sort":100}]},{"sid":"CLIENT_COMMENT","title":"Комментарий","required":false,"sort":1700,"answers":[{"id":80,"message":"Комментарий","value":"comment","type":"textarea","sort":100}]},{"sid":"PERSONAL_DATA_CONSENT","title":"Нажимая кнопку «Отправить», я даю свое согласие на обработку моих персональных данных, в соответствии с Федеральным законом от 27.07.2006 года №152-ФЗ «О персональных данных», на условиях и для целей, определенных в Согласии на обработку персональных данных","required":true,"sort":1800,"answers":[{"id":76,"message":"Согласен","value":"Y","type":"checkbox","sort":100}]},{"sid":"MARKETING_CONSENT","title":"Я соглашаюсь получать рекламно-информационные материалы в соответствии с Политикой обработки персональных данных ООО «Соль»","required":false,"sort":1900,"answers":[{"id":81,"message":"Согласен","value":"Y","type":"checkbox","sort":100}]}],"config":{"version":1,"managed":true,"items":[{"sid":"LICENSE_TYPE","mode":"question","step":1,"sort":100,"condition":null},{"sid":"CLOUD_TASKS","mode":"question","step":2,"sort":200,"condition":{"questionSid":"LICENSE_TYPE","operator":"in","values":["cloud","need_help"]}},{"sid":"BOXED_PLAN","mode":"question","step":2,"sort":300,"condition":{"questionSid":"LICENSE_TYPE","operator":"in","values":["boxed"]}},{"sid":"EXISTING_HELP","mode":"question","step":2,"sort":700,"condition":{"questionSid":"LICENSE_TYPE","operator":"in","values":["existing"]}},{"sid":"USERS_COUNT","mode":"question","step":3,"sort":400,"condition":{"questionSid":"LICENSE_TYPE","operator":"in","values":["cloud","need_help"]}},{"sid":"EXISTING_PRODUCT_TYPE","mode":"question","step":3,"sort":800,"condition":{"questionSid":"LICENSE_TYPE","operator":"in","values":["existing"]}},{"sid":"CLOUD_STORAGE","mode":"question","step":4,"sort":500,"condition":{"questionSid":"LICENSE_TYPE","operator":"in","values":["cloud","need_help"]}},{"sid":"EXISTING_CLOUD_PLAN","mode":"question","step":4,"sort":900,"condition":{"questionSid":"EXISTING_PRODUCT_TYPE","operator":"in","values":["cloud"]}},{"sid":"EXISTING_BOX_EDITION","mode":"question","step":4,"sort":1000,"condition":{"questionSid":"EXISTING_PRODUCT_TYPE","operator":"in","values":["boxed"]}},{"sid":"IMPLEMENTATION_HELP","mode":"question","step":5,"sort":600,"condition":{"questionSid":"LICENSE_TYPE","operator":"in","values":["cloud","boxed","need_help"]}},{"sid":"EXISTING_GIFT","mode":"question","step":5,"sort":1200,"condition":{"questionSid":"EXISTING_PRODUCT_TYPE","operator":"answered","values":[]}},{"sid":"GIFT","mode":"question","step":6,"sort":1100,"condition":{"questionSid":"LICENSE_TYPE","operator":"in","values":["cloud","boxed","need_help"]}},{"sid":"CLIENT_NAME","mode":"contact","step":7,"sort":1300,"condition":null},{"sid":"CLIENT_EMAIL","mode":"contact","step":7,"sort":1400,"condition":null},{"sid":"CLIENT_PHONE","mode":"contact","step":7,"sort":1500,"condition":null},{"sid":"COMPANY_INDUSTRY","mode":"contact","step":7,"sort":1600,"condition":null},{"sid":"CLIENT_COMMENT","mode":"contact","step":7,"sort":1700,"condition":null},{"sid":"PERSONAL_DATA_CONSENT","mode":"contact","step":7,"sort":1800,"condition":null},{"sid":"MARKETING_CONSENT","mode":"contact","step":7,"sort":1900,"condition":null}],"contactSids":["CLIENT_NAME","CLIENT_EMAIL","CLIENT_PHONE","COMPANY_INDUSTRY","CLIENT_COMMENT","PERSONAL_DATA_CONSENT","MARKETING_CONSENT"]}}
