Установка сервиса

Для того, чтобы подключить сервис Carrot Quest к вашему сайту, нужно выполнить несколько простых шагов. Установка займет у вас не больше 10 минут.

1. После добавления сайта Вы попадете на страницу Onboarding.

2. На первом шаге вам будет показан код, который надо вставить в header вашего сайта перед закрывающим тегом </head>. Пример такого кода:



Пример вставки кода:

 

Этот код асинхронно загружает JS-библиотеку и создает глобальный объект carrotquest, к которому нужно обращаться для взаимодействия с API.

 

Поддомены

После установки сервиса на ваш сайт скрипт автоматически начинает действовать, в том числе на всех поддоменах сайта.

 

Использование модулей

Следующие ссылки ведут на инструкции по установке кода Carrot quest на ваш сайт, если он создан на одной из следующих CMS:

В крайнем случае можно установить сервис через Google Tag Manager, хотя мы и не рекомендуем такой вариант.

Вы можете воспользоваться готовыми модулями для установки и настройки, если Ваш сайт создан на одной из CMS:

После установки модуля в сервисе автоматически начнется сбор просмотренных товаров, товаров из корзины, суммы в корзине и т.д.

Чтобы начать использовать один из модулей, выберите нужный модуль на первом шаге в Onboarding:


На странице каждого модуля будет описание, что делает модуль и инструкция по его установке.

 

Tilda

 На странице проекта нажмите кнопку “Настройка сайта”.

 image12.png

 

В разделе Еще найдите “HTML-код для вставки внутрь HEAD” и нажмите “Редактировать код”

image4.png

 

Вставьте код и нажмите сохранить. После этого переопубликуйте все страницы сайта.

image1.png 

 

LPgenerator

Перейдите к редактированию страницы.

image7.png 

 

Нажмите на иконку Скрипты.

image8.png

 

В открывшееся окно вставьте код. В качестве положения выберите “Внутри тега <HEAD>” и сохраните.

image5.png

 

Ucoz

В левом меню выберите пункт «Ре­дак­тор стра­ниц». Затем пе­рей­дите во вклад­ку «Управ­ле­ние ди­зай­ном мо­ду­ля».

image10.jpg 

 

В по­явив­шем­ся меню выберите «Верх­няя часть сайта» (Глобальные блоки). А затем в ре­жи­ме ре­дак­ти­ро­ва­ния кода вста­вьте код Carrot quest перед тегом  </header> и сохраните изменения.

image13.jpg

 

LPmotor

В режиме редактирования сайта найдите иконку гаечного ключа (image6.jpg).

image2.jpg

В общих настройках найдите “Настройки тегов”, “Вставка в <head>”. Вставьте код Carrot quest и сохраните.

image9.jpg

Платформа LP

В общем списке ваших лендингов заходите в Настройки

Там переходите в раздел Метрика и скрипты и нажимайте на "Добавить плагин"

У типа логина выбирайте "Произвольный код"

Копируйте код из личного кабинета Carrot quest (его можно найти в первом шаге нашей Батарейки или в разделе "Настройки")

Возвращайтесь в Настройки страницы на Платформе LP, прописывайте название плагина, вставляйте код в поле "Произвольный код HEAD" и сохраните

После этого необходимо опубликовать страницу и код начнет работать на вашей странице

Добавление кода через Google Tag Manager

 

Наш код можно добавить через Google Tag Manager, следуя простым шагам в инструкции ниже.

Использовать такой способ рекомендуем только в крайнем случае, то есть когда у вас нет другой возможности поставить код на сайт, так как мы не можем гарантировать работу скрипта, установленного через сторонние ресурсы.

В GTM перейдите в раздел Теги и нажмите на "Создать".

Назовите тег и нажмите на изменение конфигурации тега.

Тип тега выберите "Пользовательский HTML".

Скопируйте код из личного кабинета CQ (сделать это можно прямо из "Батарейки" в шапке).

Вставьте скопированный код в поле для скриптов, отметьте галочкой "Поддержка функции document.write()" и в Настройке активации тега выберете "Без ограничений".

Потом ниже нажмите на редактирование Триггера.

В открывшемся окне выберете All Pages.

После этого сохраните настройку.

Вернитесь в "Обзор" и нажмите "Отправить"

В открывшемся окне перетащите созданный тег в описание версии, задайте название версии и нажмите "Опубликовать".

Готово! При обновлении страниц вашего сайта должен отобразиться чат, если он включен, либо можно посмотреть через "Батарейку", нажав на "Проверить, установлен ли сервис".

Была ли эта статья полезной?
Пользователи, считающие этот материал полезным: 1 из 1
Еще есть вопросы? Отправить запрос

Комментарии