После того, как вы установили скрипт Callibri на все страницы сайта, необходимо настроить подмену номера телефона. Это можно сделать с помощью идентификатора или по номеру телефона.
Если у вас на сайте есть номера скрытые под надписью "Показать номер" или подобными, мы можем подменить эти скрытые номера со своей стороны. Для проведения этой настройки обратитесь в поддержку в разделе "Помощь" в боковом меню вашего проекта.
Выберите способ подмены: переместите слайдер в положение По номеру телефона;
В поле Номер телефона укажите номер, который хотите подменить на сайте;
При необходимости добавьте другие номера телефонов.
Скрипт сам найдет указанный телефон на сайте и подменит его.
Не забудьте сохранить изменения.
Настройка подмены номера по идентификатору
Идентификатор — это значение class или id в теге с номером телефона, который нужно подменять. Скрипт Callibri ищет целевой блок по #id или .class и таким образом находит на странице сайта номер, который нужно подменить.
Это можно сделать с помощью визуального редактора. Просто кликните на все номера, которые нужно подменять на страницах вашего сайта. Дизайн без названия (90).png 356.15 KB
Перейдите на свой сайт, выделите номер и откройте код:
В Chrome: клик правой кнопкой — просмотр кода страницы.
В Opera и Firefox — Ctrl+Shift+K.
В Internet Explorer — F12 и стрелочка в правом верхнем углу.
В Safari — включите отображение меню «Разработка» в настройках браузера, клик правой кнопкой по номеру — проверить объект.
Откроется html-код сайта с акцентом на теге с номером. В этом коде найдите либо class, либо id. Посмотреть значение class или id в html-коде Значение, которое указано в кавычках, вам нужно прописать в поле «Идентификатор».При этом оно должно быть уникальным. т.е. не повторяться у других элементов сайта. Параметр id чаще всего уникальный. А параметр .class нужно проверить на уникальность. Как это сделать?
Кликните в любой элемент кода, чтобы курсор сконцентрировался не на сайте, а на коде.
Нажмите ctrl (или command) + F и в появившемся окне напишите «.class». Система покажет, сколько раз класс встречается на странице. При помощи стрелочек можно посмотреть элементы, в которых встречается этот класс. Если он встречается только у номера телефона, то класс уникальный.
Если класс встречается у других элементов, то класс неуникальный и нужно добавить в код сайта в тег, который содержит номер телефона, наш класс «callibri_phone». Такой класс воспринимается нашей системой автоматически, поэтому его не придется добавлять в поле «Идентификатор» в настройках. Если вы добавляете отдельно .class в код сайта, то не ставьте точку перед значением. Проверьте уникальность класса
Как прописывать идентификатор в кабинете Callibri
Если вы прописываете значение class, то укажите его в формате: .значение
Если значение id, то прописывать нужно в формате: #значение
В поле «Формат» прописывается формат отображения номера. Номер отображается по маске: #{XXX}#{XXX}#{XX}#{XX}. Маску можно разделять на несколько блоков, например, для выделения префикса в городских номерах. Вот примеры самых распространенных форматов:
Задача 1: отобразить номер в формате +7 800 200 26 50.
Формат в таком виде: +7 #{XXX} #{XXX} #{XX} #{XX}
В поле «Формат» могут использоваться html теги и обычный текст,например, слова «телефон» или «тел.».
Если вам нужен кликабельный номер на сайте (чтобы пользователи могли звонить напрямую с него), необходимо прописать тег в коде сайта следующим образом:
В поле «Идентификатор» указывается .callibri_phone, а в поле «Формат» — 8 (#{XXXX}) #{XX}-#{XX}-#{XX}. Ссылка tel должна быть в одном теге с class или id, чтобы в результате замена происходила и в ссылке. Подробнее об этом мы рассказываем в статье.
