Установка сервиса
1. После добавления сайта Вы попадете на страницу Onboarding.
2. На первом шаге вам будет показан код, который надо вставить в header вашего сайта перед закрывающим тегом </head>. Пример такого кода:
Пример вставки кода:
Этот код асинхронно загружает JS-библиотеку и создает глобальный объект carrotquest, к которому нужно обращаться для взаимодействия с API.
Поддомены
После установки сервиса на ваш сайт скрипт автоматически начинает действовать, в том числе на всех поддоменах сайта.
Использование модулей
Следующие ссылки ведут на инструкции по установке кода Carrot quest на ваш сайт, если он создан на одной из следующих CMS:
- Как вставить код, если сайт на Tilda;
- Как вставить код, если сайт на LPgenerator;
- Как вставить код, если сайт на Ucoz;
- Как вставить код, если сайт на LPmotor;
- Как вставить код, если сайт на Platforma LP.
В крайнем случае можно установить сервис через Google Tag Manager, хотя мы и не рекомендуем такой вариант.
Вы можете воспользоваться готовыми модулями для установки и настройки, если Ваш сайт создан на одной из CMS:
- InSales;
- 1С-Битрикс;
- OpenCart (2.0.x, 2.1.x, 2.2.0.0);
- WordPress (с установленным плагином WooCommerce 2.x).
После установки модуля в сервисе автоматически начнется сбор просмотренных товаров, товаров из корзины, суммы в корзине и т.д.
Чтобы начать использовать один из модулей, выберите нужный модуль на первом шаге в Onboarding:
На странице каждого модуля будет описание, что делает модуль и инструкция по его установке.
Tilda
На странице проекта нажмите кнопку “Настройка сайта”.
В разделе Еще найдите “HTML-код для вставки внутрь HEAD” и нажмите “Редактировать код”
Вставьте код и нажмите сохранить. После этого переопубликуйте все страницы сайта.
LPgenerator
Перейдите к редактированию страницы.
Нажмите на иконку Скрипты.
В открывшееся окно вставьте код. В качестве положения выберите “Внутри тега <HEAD>” и сохраните.
Ucoz
В левом меню выберите пункт «Редактор страниц». Затем перейдите во вкладку «Управление дизайном модуля».
В появившемся меню выберите «Верхняя часть сайта» (Глобальные блоки). А затем в режиме редактирования кода вставьте код Carrot quest перед тегом </header> и сохраните изменения.
LPmotor
В режиме редактирования сайта найдите иконку гаечного ключа (
).
В общих настройках найдите “Настройки тегов”, “Вставка в <head>”. Вставьте код Carrot quest и сохраните.
Платформа LP
В общем списке ваших лендингов заходите в Настройки
Там переходите в раздел Метрика и скрипты и нажимайте на "Добавить плагин"
У типа логина выбирайте "Произвольный код"
Копируйте код из личного кабинета Carrot quest (его можно найти в первом шаге нашей Батарейки или в разделе "Настройки")
Возвращайтесь в Настройки страницы на Платформе LP, прописывайте название плагина, вставляйте код в поле "Произвольный код HEAD" и сохраните
После этого необходимо опубликовать страницу и код начнет работать на вашей странице
Добавление кода через Google Tag Manager
Наш код можно добавить через Google Tag Manager, следуя простым шагам в инструкции ниже.
Использовать такой способ рекомендуем только в крайнем случае, то есть когда у вас нет другой возможности поставить код на сайт, так как мы не можем гарантировать работу скрипта, установленного через сторонние ресурсы.
В GTM перейдите в раздел Теги и нажмите на "Создать".
Назовите тег и нажмите на изменение конфигурации тега.
Тип тега выберите "Пользовательский HTML".
Скопируйте код из личного кабинета CQ (сделать это можно прямо из "Батарейки" в шапке).
Вставьте скопированный код в поле для скриптов, отметьте галочкой "Поддержка функции document.write()" и в Настройке активации тега выберете "Без ограничений".
Потом ниже нажмите на редактирование Триггера.
В открывшемся окне выберете All Pages.
После этого сохраните настройку.
Вернитесь в "Обзор" и нажмите "Отправить"
В открывшемся окне перетащите созданный тег в описание версии, задайте название версии и нажмите "Опубликовать".
Готово! При обновлении страниц вашего сайта должен отобразиться чат, если он включен, либо можно посмотреть через "Батарейку", нажав на "Проверить, установлен ли сервис".
