Далее перейдите в раздел Настройки МультиЧата — таб Чат — Расширенные настройки, и задайте якорь в поле «Открывать по клику на элемент сайта». Якорь должен начинаться с знака "#". После этого добавьте якорь к URL страницы, на которой необходимо автоматически открывать МультиЧат. Якорь размещается в конце ссылки на сайт, после знака "#", например: https://callibri.ru/#widget_test
Вызов МультиЧата с сообщением в форме заявки
Вы можете автоматически открывать на сайте вкладку Заявка с заранее подготовленным текстом. Это позволит упростить обращение клиента, ему останется только заполнить свои данные (имя, телефон, почту) и сразу отправить заявку. Прописать готовый текст в заявке вы можете, добавив этот тег в код перед скриптом Callibri:
<div id="kt_test" data-callibri-message="Хочу заказать тест МультиТрекинга бесплатно на 5 дней."></div>
Чтобы найти id, который нужно прописать в коде выше, нажмите правой клавишей мыши на кнопку на сайте, по которой должна открываться форма заявки. Далее нажмите «посмотреть код» или «исследовать элемент» в зависимости от используемого вами браузера:
В Chrome: клик правой кнопкой — просмотр кода страницы.
В Opera и Firefox — Ctrl+Shift+K.
В Internet Explorer — F12 и стрелочка в правом верхнем углу.
В Safari — включите отображение меню «Разработка» в настройках браузера, клик правой кнопкой по номеру — проверить объект.
В браузере откроется консоль с кодом сайта, фокус будет установлен на коде кнопки. В строчке кода будет часть с id=”...”, где … — это требуемый id.
После этого перейдите в Настройки МультиЧата, вкладка Заявка — Расширенные настройки. В этом блоке нужно нажать +, вставить идентификатор для вызова и нажать на галочку. Сохраните изменения. В качестве идентификатора подойдет уникальный class или id. В нашем примере это #kt_test.
После перехода по ссылке, МультиЧат откроется сразу на заполненной заявке.
Разберем каждый атрибут подробно:
id="kt_test" — значение идентификатора в кавычках может быть написано буквами на латинице, цифрами и знаками. Должно начинаться с буквы. Обычно такие якоря используют для автоматического скролла к нужному блоку сайта. В данном случае блока с таким id на сайте не будет и сайт откроется без автоматической прокрутки. Но виджет откроется так, как будто элемент с id есть и по нему кликнули. Это и есть #якорь, который будет прописан в конце ссылки. Подробнее о #якорях читайте в начале этой страницы.
data-callibri-message="Хочу заказать тест коллтрекинга бесплатно на 5 дней" — значение этого атрибута — сообщение в свободной форме. Этим текстом будет заполнено поле «Сообщение» в заявке МультиЧата. Это позволит клиенту отправить заявку, не объясняя свои задачи. Например, на страницах с разными товарами вы можете сделать разные тексты, которые соответствуют контенту страницы.
Разные маски номеров для разных городов
Эта функция пригодится, если на вашем сайте нужно подменить два номера, но у них разные маски: у одного номера в префиксе код города состоит из 4-х цифр (ХХХХ), а в другом номере в префиксе код города состоит из 3-х цифр (ХХХ).
В этом случае необходимо добавить этот код перед скриптом Callibri на страницах, где необходима замена в разных форматах:
Эти варианты скриптов применяются при нестандартных задачах и в случаях, если с обычным универсальным скриптом не работает подмена номера или перехватчик форм.
Вариант с атрибутом defer. Применяется, если какой-то контент сайта загружается другим скриптом, который выполняется раньше нашего скрипта. Это атрибут позволит поставить наш скрипт в последнюю очередь исполнения.
Скрипт для подмены после функции отрисовки номера. Применяется, если контент сайта меняется после какого-то действия клиента на сайте и из-за этих изменений не подменяется номер, либо не работает перехватчик. В этом случае нужно повторно инициировать наш скрипт. Это можно сделать при вызове этой функции.
Нужно открыть консоль и ввести “callibriInit()” и нажать Enter. Если появится сообщения “undefined”, а на странице номер подменится, значит такой скрипт поможет. Нужно разместить следующую функцию после отрисовки номера. Как правило, это внутренний js-файл (точно не в html код).
Вы можете настроить автоматическое открытие квиза сразу после загрузки страницы. Для этого добавьте в код страницы следующий фрагмент:
<script>
function callibri_onLoadQuiz() {
callibriInitQuiz(id);
}
</script>
Вместо id нужно подставить id квиза, который требуется открыть.
Важно! Технически квиз — это поп-ап окно, которое открывается на весь экран. Некоторые поисковые и рекламные системы могут применять санкции к сайтам, на которых сразу после загрузки страницы открывается полноэкранный поп-ап. Пожалуйста, учитывайте этот риск при использовании указанного механизма запуска квиза.