---
description: Узнайте, как установить виджет чата в вашем магазине Shopify.
title: Установить Чат Сайта в Shopify
image: https://assets1-proxy.respond.io/api/v1/image/assets%2F11f7a662b80a4675973850b067c01fa5%2F3f43c48b21b24f4e8b02b100c0c8fab0
---

[Новый🤖 Агенты ИИ теперь доступны на respond.io! Познакомьтесь с вашим новым AI-рецепционистом, оператором по продажам или поддержке. Узнать больше.![arrow-icon](https://assets1-proxy.respond.io/api/v1/image/assets%2F11f7a662b80a4675973850b067c01fa5%2Fe43213a7a9314673bd8d2060c25f9b87)](/ru/whatsapp-business-calling-api)

Помогите мне с... ⌘ 

1. [All Collections >](/ru/help)
2. [ Каналы >](/ru/help/channels)
3. [ Виджет чата сайта >](/ru/help/website-chat-widget)
4. Установить Чат Сайта в Shopify

# Установить Чат Сайта в Shopify

![Avatar](https://assets2-proxy.respond.io/ph8r57dk1q9w/7tin8k9c1emscQGOhIuNbC/0ed3f91c8580c4e5dfa90f035355122e/Petrina_Jo_avatar.svg)

JQ Lee

· 09 May 2025

менее минуты чтения

Добавление виджета чата в ваш магазин - это быстрый и простой процесс. Это не требует каких-либо навыков кодирования или технических знаний. 

![](https://assets2-proxy.respond.io/ph8r57dk1q9w/4g8hW8m6uO1gSyElwlebfS/067c4806e0789fd1cef13b1ecfe7e065/shopify-logo.png?fm=avif&w=1000) 

## Настройка установки

Чтобы установить виджет веб-чата на Shopify, вам понадобится:

* Доступ к вашей учетной записи [Shopify](https://accounts.shopify.com/store-login).
* Фрагмент кода для виджета веб-чата.

Если у вас еще нет фрагмента кода, вы создадите его при создании виджета чата сайта respond.io или при использовании плагина Facebook Chat для Facebook Messenger.

> Если у вас уже подключены каналы на платформе response.io и вам необходимо получить сгенерированный фрагмент кода, следуйте инструкциям [здесь](https://respond.io/ru/help/website-chat-widget/website-chat-widget-overview#finding%5Fthe%5Fwebsite%5Fchat%5Fwidget%5Fcode%5Fafter%5Fconnecting%5Fthe%5Fchannel).

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

**Шаг 1: Войти в Shopify**

Войдите в свою учетную запись [Shopify](https://accounts.shopify.com/store-login) и нажмите на "Online Store" на панели навигации.

![](https://assets2-proxy.respond.io/ph8r57dk1q9w/7tRcn0OXfRGQUMZjFjphGO/501489927f139ed86837a55efd2c8faf/Screenshot_2025-05-09_at_9.45.09_AM.png?fm=avif&w=1000) 

**Шаг 2: Нажмите на «Редактировать код».**

Перейдите в раздел темы. Здесь кликните на раскрывающемся меню Actions и выберите опцию Edit Code (Изменить код).

![](https://assets2-proxy.respond.io/ph8r57dk1q9w/3cn3wZrdJVpQjhuXsIe706/ec513e34543161d111e48851eb599f06/Screenshot_2025-05-09_at_9.39.10_AM.png?fm=avif&w=1000) 

**Шаг 3: Вставить скрипт**

Скопируйте ваш скрипт плагина с платформы respond.io. На левой панели страницы с кодом редактирования щелкните на папке **Разделы** , чтобы развернуть его. Нажмите **footer.liquid** и вставьте скрипт чата плагина.

После того, как вы вставили скрипт в соответствующий раздел, нажмите на фиолетовую кнопку **Сохранить** в левом верхнем углу.

![](https://assets2-proxy.respond.io/ph8r57dk1q9w/70gjY4BLtHDpF6SjG0APKT/8863b7fd0ec2ad0599ea4327059debae/Screenshot_2025-05-09_at_9.38.15_AM.png?fm=avif&w=1000) 

**Готово!**

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

> Виджет чата теперь активен на вашем сайте.

> **Примечание**: Если вы используете внешнюю тему и виджет не работает, попробуйте встроить код веб-сайта в раздел **theme.liquid** перед **</body>**

Поделиться этой статьей

[![Telegram](https://assets1-proxy.respond.io/api/v1/image/assets%2F11f7a662b80a4675973850b067c01fa5%2F44daca77a4844f0c8fd29040ddeba057?width=22)](https://api.whatsapp.com/send?text=https://respond.io/help/website-chat-widget/install-on-shopify)[![Facebook](https://assets1-proxy.respond.io/api/v1/image/assets/11f7a662b80a4675973850b067c01fa5/fff57eeb01160bc604392f519b4f3461ca16f0fa1b6a587b20b142cdf1ad0ba7?placeholderIfAbsent=true&width=22)](https://www.facebook.com/sharer/sharer.php?u=https://respond.io/help/website-chat-widget/install-on-shopify)[![Linkedin](https://assets1-proxy.respond.io/api/v1/image/assets/11f7a662b80a4675973850b067c01fa5/7aaf8d87b5410844d83e06a4ed663e4f551b8c5ef51dbb20a8ff064a1eed9a0f?placeholderIfAbsent=true&width=22)](https://www.linkedin.com/sharing/share-offsite/?url=https://respond.io/help/website-chat-widget/install-on-shopify)[![Twitter](https://assets1-proxy.respond.io/api/v1/image/assets%2F11f7a662b80a4675973850b067c01fa5%2F4e03e02422a94e8eab9b8b41457c2371?width=22)](http://twitter.com/share?url=https://respond.io/help/website-chat-widget/install-on-shopify)

## 

Соответствующие статьи 👩‍💻

* [Установить виджет Чата Сайта на SquarespaceУзнайте, как установить виджет веб-чата на вашем сайте Squarespace. ](/ru/help/website-chat-widget/install-on-squarespace)
* [Установить виджет чата на сайте на JoomlaУзнайте, как установить виджет веб-чата на вашем сайте Joomla. ](/ru/help/website-chat-widget/install-on-joomla)
* [Установите виджет чата на сайте WixУзнайте, как установить виджет веб-чата на вашем Wix сайте. ](/ru/help/website-chat-widget/install-on-wix)
* [Установить виджет чата сайта на WordPressУзнайте, как установить виджет веб-чата на вашем WordPress веб-сайте. ](/ru/help/website-chat-widget/install-on-wordpress)
* [Быстрый старт виджета чата на сайтеДобавьте виджет чата \[respond.io\] на ваш сайт. ](/ru/help/website-chat-widget/website-chat-widget)

Не удается найти то, что вы ищете? 🔎

[Обратитесь в службу поддержки](/ru/contact-us)

2025-12-05T04:02:45.040Z

help

```json
[{"@context":"https://schema.org","@type":"TechArticle","articleBody":"Узнайте, как установить виджет чата в вашем магазине Shopify.","author":{"@type":"Person","image":"https://assets2-proxy.respond.io/ph8r57dk1q9w/7tin8k9c1emscQGOhIuNbC/0ed3f91c8580c4e5dfa90f035355122e/Petrina_Jo_avatar.svg","name":"JQ Lee","url":"https://respond.io/ru/author"},"dateCreated":"2023-02-27T08:55:38.000Z","dateModified":"2025-05-09T08:17:09.018Z","datePublished":"2023-02-27T08:55:38.000Z","headline":"Установить Чат Сайта в Shopify","image":"https://assets2-proxy.respond.io/ph8r57dk1q9w/4g8hW8m6uO1gSyElwlebfS/067c4806e0789fd1cef13b1ecfe7e065/shopify-logo.png","mainEntityOfPage":"https://respond.io/ru/help/website-chat-widget","publisher":{"@type":"Organization","logo":"https://respond.io/favicon/favicon.svg","name":"respondio"},"thumbnailUrl":"https://assets2-proxy.respond.io/ph8r57dk1q9w/4g8hW8m6uO1gSyElwlebfS/067c4806e0789fd1cef13b1ecfe7e065/shopify-logo.png","url":"https://respond.io/ru/help/website-chat-widget/install-on-shopify"},{"@context":"https://schema.org","@type":"BreadcrumbList","itemListElement":[{"@type":"ListItem","name":"Help","item":"https://respond.io/ru/help","position":1},{"@type":"ListItem","name":"Каналы","item":"https://respond.io/ru/help/channels","position":2},{"@type":"ListItem","name":"Виджет чата сайта","item":"https://respond.io/ru/help/website-chat-widget","position":3},{"@type":"ListItem","name":"Установить Чат Сайта в Shopify","item":"https://respond.io/ru/help/website-chat-widget/install-on-shopify","position":4}]}]
```
