Як встановити агента на сайт Tilda
Покроково: де в Tilda вставити код віджета, як пов'язати його з кошиком, що робити з кешем і як перевірити, що агент працює на всіх сторінках.
Tilda — найчастіший випадок серед наших магазинів: сайт гарний, товари є, а відповідати на питання нікому. Встановлення займає п'ять хвилин і не потребує програміста.
Крок 1. Скопіюйте код#
У кабінеті відкрийте «Віджет і посилання» і натисніть «Скопіювати код». Це один рядок вигляду <script src="…" async></script>.
Крок 2. Вставте його в Tilda#
- В особистому кабінеті Tilda відкрийте потрібний проєкт.
- Натисніть «Налаштування сайту».
- Перейдіть у розділ «Ще» → «HTML-код для вставки всередину head/body».
- Вставте код у поле HTML-код для body (не в head).
- Збережіть.
Далі обов'язковий крок, про який забувають: опублікуйте всі сторінки заново. Tilda застосовує код під час публікації, тому на неопублікованих сторінках віджета не буде. У списку сторінок є кнопка публікації всіх одразу.
Якщо вставити код у поле для head, віджет теж завантажиться, але пізніше і з ризиком конфліктів. Правильне місце — body.
Крок 3. Зв'яжіть з кошиком#
Якщо у вас магазин на Tilda зі своїм кошиком, оплату в чаті вмикати не потрібно. Замість цього вкажіть у налаштуваннях магазину посилання на кошик: зазвичай це адреса сторінки з кошиком вашого сайту. Агент доводитиме покупця до неї, а оформлення піде звичним шляхом.
Якщо кошика немає і товари продаються «за запитом», увімкніть оплату в чаті — тоді весь шлях залишиться всередині листування. Подробиці у статті Оплата в чаті.
Крок 4. Зберіть каталог#
У налаштуваннях вкажіть адресу сайту та запустіть аналіз. Обхідник читає картки товарів Tilda, включно з цінами, характеристиками та фотографіями, і заодно визначає валюту магазину.
Якщо товари у вас не в каталозі Tilda, а описані блоками на сторінках, обхід все одно знайде ціни та назви, але картки вийдуть грубішими. У цьому випадку допомагає імпорт CSV з «Каталогу» — Tilda вміє вивантажувати товари у файл.
Агент не розповідає про товар — він до нього приводить#
Це те місце, де чат перестає бути чатом. Покупець запитує «що у вас є до трьох тисяч», і агент відповідає не абзацом тексту, а картками: фотографія, назва, ціна, кнопка. Натискання відкриває ту саму сторінку товару на вашому сайті — в тому ж вікні, без нової вкладки та без втрати контексту.
Далі людина опиняється у звичній воронці Tilda: ваша картка, ваша кнопка «Купити», ваш кошик. Агент довів, магазин продав.
Друге, чого зазвичай не чекають: агент бачить, яку сторінку покупець читає прямо зараз. Він забирає розмітку товару зі сторінки — назву, артикул, ціну — і розуміє питання в контексті. Людина стоїть на картці синього крісла і пише «а подушки до нього є?» — агент знає, про яке крісло йдеться, і пропонує те, що дійсно підходить.
Посилання на товар живе і там, де сайту немає: якщо картка прийшла з допису в Instagram або TikTok, кнопка відкриє вихідний допис. Каталог зібраний з різних місць, а веде завжди туди, де можна купити.
- Відкрийте сайт у режимі інкогніто. Кнопка чату має з'явитися у правому нижньому куті через секунду-дві.
- Поставте питання про товар — агент має показати картку.
- Запитайте про доставку — відповідь має збігатися з вашими умовами.
- Перевірте телефон: на мобільній версії кнопка не повинна перекривати кошик Tilda.
Якщо кнопка перекриває щось важливе, змініть її положення на ліве у розділі «Віджет і посилання».
Чат у тон сайту#
Сайти на Tilda бувають і світлими, і підкреслено темними, тому у віджета є три режими теми: світла, темна та «як у відвідувача». Останній підлаштовується під налаштування пристрою людини і стоїть за замовчуванням.
Якщо ваш сайт зроблений в одному ключі, встановіть ту саму тему жорстко — чат перестане виділятися латкою в кутку. Акцентний колір при цьому залишається вашим у будь-якій темі.
Крок 5. Перевірте#
Поширені проблеми#
Віджет не з'явився. Дев'ять разів із десяти сторінки не переопубліковані після вставки коду. Опублікуйте заново та оновіть сторінку з очищенням кешу.
Віджет видно не на всіх сторінках. Код вставлено не в налаштування сайту, а в окремий блок T123 на одній сторінці. Перенесіть у «Налаштування сайту» → «Ще».
Кнопка з'являється із затримкою. Це нормально: скрипт завантажується асинхронно, після основного вмісту, щоб не гальмувати сторінку.
Конфлікт з іншим чатом. Два чати в одному кутку перекривають один одного. Залиште один або розведіть по різних сторонах.
Поширені запитання#
Чи потрібен платний тариф Tilda#
Код вставляється в налаштуваннях сайту, це доступно на платних тарифах Tilda. На безкоштовному тарифі вставка довільного коду не підтримується — тоді використовуйте посилання на агента та ставте його кнопкою на сторінку.
Чи сповільнить віджет сайт#
Ні. Скрипт важить небагато і завантажується асинхронно, саме вікно чату підвантажується лише після натискання кнопки. На швидкість завантаження сторінки Tilda це не впливає.
Чи можна поставити агента лише на одну сторінку#
Так, вставте код не в налаштування сайту, а в блок «T123 HTML» на потрібній сторінці. Так роблять, наприклад, для лендингу одного товару.
Чи працює це з Tilda Store#
Так. Агент читає картки товарів та кошик, а оформлення залишає магазину Tilda: покупець переходить у ваш кошик з обраним товаром.
Як прибрати віджет із сайту#
Видаліть рядок коду в налаштуваннях сайту та переопублікуйте сторінки. Дані та діалоги при цьому зберігаються, посилання на агента продовжить працювати.