Чат для InSales: куда вставить код и что проверить

В InSales код чата добавляется через бэк-офис без правки шаблонов. Показываем, куда его вставить, что может пойти не так и как убедиться, что виджет отвечает по вашим товарам.

В InSales, как и в большинстве конструкторов сайтов, доступа к файлам сервера у продавца нет — магазин работает на хостинге InSales, а всё правится через бэк-офис. Поэтому код чата вставляется не в файлы, а в отдельное поле в панели управления, и в большинстве случаев больше ничего трогать не нужно.

Витрина интернет-магазина и всплывающее окно чата у входа
Витрина интернет-магазина и всплывающее окно чата у входа

Куда вставить код в бэк-офисе InSales

В настройках магазина есть поле для стороннего HTML и JavaScript. В разных версиях панели InSales оно подписано то «Скрипты», то «SEO и аналитика», но суть от названия не меняется: туда же обычно кладут счётчики Яндекс.Метрики и Google Analytics, чат вставляется тем же способом, одной строкой скрипта. Код сохраняется один раз и сразу подключается ко всем страницам магазина — к главной, к карточкам товаров, к корзине, к оформлению заказа. На каждую страницу вставлять его отдельно не нужно, в этом и есть разница между общим полем и правкой конкретного шаблона.

Если тема кастомная: вставка в шаблон на Liquid

Часть магазинов на InSales работает не на теме из каталога, а на теме, которую под них дорабатывал верстальщик. Темы InSales собраны из файлов на Liquid — том же шаблонизаторе, что у Shopify, — и код чата иногда вставляют прямо в файл темы, а не в общее поле настроек. Так делают, когда хотят точнее управлять местом скрипта на странице или когда у магазина отдельный шаблон под лендинг акции. Если у вас именно такой случай, код придётся передать верстальщику вместе с инструкцией, куда его поставить: перед закрывающим тегом body, как и при вставке через общее поле.

Проверка: виджет на витрине и тестовый диалог

После сохранения откройте магазин в отдельной вкладке или в режиме инкогнито — так видно то же, что видит покупатель, а не кэш админки. Кнопка чата должна появиться в углу экрана и не перекрывать плавающую кнопку «В корзину», которая у многих тем InSales тоже закреплена внизу страницы. Дальше идёт тестовый диалог: спросите что-нибудь конкретное про доставку или про товар с вашей карточки и посмотрите, отвечает ли чат по существу, а не общими фразами. Отдельно откройте магазин с телефона: часть тем InSales по-разному располагает плавающие кнопки на мобильной версии, и конфликт там заметнее, чем на экране компьютера.

ИИ и каталог: как база знаний собирается с магазина

Связывать чат с каталогом InSales через отдельную интеграцию не нужно: AGENT 604 обходит витрину так же, как любой другой сайт, и запоминает то, что на ней написано — карточки товаров, категории, условия доставки и возврата. Обход занимает около минуты и захватывает порядка 40 страниц, а раз в неделю повторяется сам, так что новая цена, добавленный товар или изменившиеся условия доставки попадают в ответы без ручной правки. Для магазина на полсотни позиций это покрывает практически весь каталог. Если товаров несколько тысяч, в эти 40 страниц попадут самые посещаемые разделы и общие условия, а до редкой карточки в глубине каталога обход может не дойти. Про то, как чат в принципе ведёт себя с ассортиментом интернет-магазина, отдельно написано в статье про чат для интернет-магазина.

Подводные камни: дубли кода и смена темы

Две частые ошибки. Первая: код вставили дважды — один раз через общее поле настроек, второй раз в файл темы, когда над магазином работал верстальщик и не знал, что скрипт уже подключён. На витрине это видно как два одинаковых пузырька чата или как виджет, который дважды инициализируется и подтормаживает при открытии. Проверяется просто: через просмотр исходного кода страницы, где ключ виджета не должен встречаться дважды. Про то, как лишние скрипты вообще нагружают страницу, есть отдельный разбор: что тормозит сайт с виджетами. Вторая ошибка: код лежал не в общем поле, а в файле старой темы, и после смены темы в каталоге InSales виджет пропал молча, без ошибки. Если вставляли через настройки магазина, а не в шаблон, эта проблема не грозит — поле не привязано к конкретной теме и переживает её смену.

Чего чат не сделает за вас

Код на месте, чат заработал, но не заменил менеджера целиком. Статус конкретного заказа он не назовёт: общие условия доставки тут бесполезны, нужна история одной покупки, которую видит только человек с доступом к заказу. Спор про возврат денег и вопрос со скидкой, которой нет в открытом прайсе, — туда же: чат честно зовёт оператора и передаёт диалог, а не придумывает ответ. Фотографию сломанной упаковки или брака ИИ не анализирует, она сразу уходит человеку. Зато обращение не теряется: внутри AGENT 604 есть CRM, и любой диалог с сайта, из Telegram или ВКонтакте сам становится сделкой в воронке, к которой можно вернуться позже. Продавцам без своей CRM этого достаточно, а тем, кто уже ведёт сделки в amoCRM, пригодится отдельная связка: как она устроена, описано в статье про чат для amoCRM.

Частые вопросы

Код нужно вставлять на каждую страницу?

Нет, вставка в бэк-офисе добавляет виджет сразу на все страницы магазина.

Что будет при смене темы оформления?

Если код вставлен через настройки магазина — ничего; если правили шаблон темы, вставку придётся повторить.

Обойдёт ли ИИ весь каталог, если товаров тысячи?

Обход собирает базу знаний примерно с 40 страниц сайта и повторяется раз в неделю, поэтому по популярным товарам и общим условиям чат отвечает точно, а по редкой карточке, до которой обход не дошёл, честно передаёт диалог оператору.

Читайте дальше