Установка на Shopify

Интеграция DiveChat с вашим магазином на Shopify позволит удерживать покупателей на этапе выбора товара и помогать им с оформлением заказа. Установка занимает не более 5 минут и выполняется через редактор кода темы.

Зайдите в личный кабинет на DiveChat. В разделе «Быстрый старт» создайте новый чат и дайте ему название. В поле «Установить на сайте» скопируйте скрипт. Он будет выглядеть примерно, как на скриншоте.

Добавление кода в тему Shopify

В Shopify код чата добавляется в основной файл макета, который отвечает за отображение всех страниц магазина:

1. Зайдите в панель управления Shopify (Admin).
2. Перейдите в раздел Online Store → Themes (Темы).
3. Найдите вашу текущую (активную) тему и нажмите на кнопку с тремя точками «...», затем выберите Edit code (Редактировать код).
4. В левой колонке в папке Layout найдите файл theme.liquid. Нажмите на него, чтобы открыть редактор.
5. Прокрутите код в самый низ до закрывающего тега </body>.
6. Вставьте скопированный код DiveChat прямо перед этим тегом.
7. Нажмите кнопку Save (Сохранить) в верхнем правом углу.

Проверка работы в магазине

Перейдите на главную страницу вашего магазина Shopify. Обновите страницу (нажмите F5 или Cmd + R). В нижнем углу должна появиться иконка DiveChat. Отправьте тестовое сообщение, чтобы убедиться, что оно мгновенно пришло в вашу панель оператора.

Особенности установки на Shopify

• Темы Online Store 2.0. Если ваша тема поддерживает «App embeds», вы также можете вставить код через кастомизатор (Customize → App embeds), но метод через theme.liquid является универсальным и самым надежным для всех версий тем.
• Скорость загрузки. Скрипт DiveChat загружается асинхронно (с атрибутом async), поэтому он не влияет на показатели Google PageSpeed вашего магазина.
• Мультиязычность. Если ваш магазин работает на нескольких языках через приложения типа Langify, вы можете настроить приветствие в чате в зависимости от выбранного языка в личном кабинете DiveChat.

FAQ. Распространенные вопросы по интеграции с Shopify

Нужно ли мне устанавливать приложение из Shopify App Store?

Нет, DiveChat устанавливается прямой вставкой легкого скрипта. Это экономит ресурсы вашего сайта и не замедляет админ-панель лишними плагинами.

Чат не отображается на странице оплаты (Checkout)?

Согласно политике безопасности Shopify (тарифы Basic, Shopify, Advanced), вставка сторонних скриптов на страницу Checkout ограничена. Чат будет работать на всех страницах до этапа ввода платежных данных.

Если вам нужна помощь с интеграцией DiveChat, напишите нам в поддержку на divechat.ru. Мы поможем вставить код в вашу тему Shopify и настроить его под ваши задачи!