--- title: Як встановити агента на сайт Tilda description: Покроково: де в Tilda вставити код віджета, як пов'язати його з кошиком, що робити з кешем і як перевірити, що агент працює на всіх сторінках. section: platforms keywords: Tilda, віджет на Tilda, чат на сайт Tilda, HTML-код для body, інтернет-магазин Tilda, ШІ-агент, встановити віджет Tilda, інтеграція Tilda, AI агент Tilda, Tilda інтеграція чату, Tilda онлайн-магазин, Tilda додати чат updated: 2026-09-06 --- Tilda — найчастіший випадок серед наших магазинів: сайт гарний, товари є, а відповідати на питання нікому. Встановлення займає п'ять хвилин і не потребує програміста. ## Крок 1. Скопіюйте код У кабінеті відкрийте «Віджет і посилання» і натисніть «Скопіювати код». Це один рядок вигляду ``. ## Крок 2. Вставте його в Tilda 1. В особистому кабінеті Tilda відкрийте потрібний проєкт. 2. Натисніть «Налаштування сайту». 3. Перейдіть у розділ «Ще» → «HTML-код для вставки всередину head/body». 4. Вставте код у поле **HTML-код для body** (не в head). 5. Збережіть. Далі обов'язковий крок, про який забувають: **опублікуйте всі сторінки заново**. Tilda застосовує код під час публікації, тому на неопублікованих сторінках віджета не буде. У списку сторінок є кнопка публікації всіх одразу. > [!warning] Якщо вставити код у поле для head, віджет теж завантажиться, але пізніше і з ризиком конфліктів. Правильне місце — body. ## Крок 3. Зв'яжіть з кошиком Якщо у вас магазин на Tilda зі своїм кошиком, оплату в чаті вмикати не потрібно. Замість цього вкажіть у налаштуваннях магазину посилання на кошик: зазвичай це адреса сторінки з кошиком вашого сайту. Агент доводитиме покупця до неї, а оформлення піде звичним шляхом. Якщо кошика немає і товари продаються «за запитом», увімкніть оплату в чаті — тоді весь шлях залишиться всередині листування. Подробиці у статті [Оплата в чаті](/wiki/uk/payments). ## Крок 4. Зберіть каталог У налаштуваннях вкажіть адресу сайту та запустіть аналіз. Обхідник читає картки товарів Tilda, включно з цінами, характеристиками та фотографіями, і заодно визначає валюту магазину. Якщо товари у вас не в каталозі Tilda, а описані блоками на сторінках, обхід все одно знайде ціни та назви, але картки вийдуть грубішими. У цьому випадку допомагає імпорт CSV з «Каталогу» — Tilda вміє вивантажувати товари у файл. ## Агент не розповідає про товар — він до нього приводить Це те місце, де чат перестає бути чатом. Покупець запитує «що у вас є до трьох тисяч», і агент відповідає не абзацом тексту, а картками: фотографія, назва, ціна, кнопка. Натискання відкриває ту саму сторінку товару на вашому сайті — в тому ж вікні, без нової вкладки та без втрати контексту. Далі людина опиняється у звичній воронці Tilda: ваша картка, ваша кнопка «Купити», ваш кошик. Агент довів, магазин продав. Друге, чого зазвичай не чекають: агент бачить, яку сторінку покупець читає прямо зараз. Він забирає розмітку товару зі сторінки — назву, артикул, ціну — і розуміє питання в контексті. Людина стоїть на картці синього крісла і пише «а подушки до нього є?» — агент знає, про яке крісло йдеться, і пропонує те, що дійсно підходить. Посилання на товар живе і там, де сайту немає: якщо картка прийшла з допису в Instagram або TikTok, кнопка відкриє вихідний допис. Каталог зібраний з різних місць, а веде завжди туди, де можна купити. 1. Відкрийте сайт у режимі інкогніто. Кнопка чату має з'явитися у правому нижньому куті через секунду-дві. 2. Поставте питання про товар — агент має показати картку. 3. Запитайте про доставку — відповідь має збігатися з вашими умовами. 4. Перевірте телефон: на мобільній версії кнопка не повинна перекривати кошик Tilda. Якщо кнопка перекриває щось важливе, змініть її положення на ліве у розділі «Віджет і посилання». ## Чат у тон сайту Сайти на Tilda бувають і світлими, і підкреслено темними, тому у віджета є три режими теми: світла, темна та «як у відвідувача». Останній підлаштовується під налаштування пристрою людини і стоїть за замовчуванням. Якщо ваш сайт зроблений в одному ключі, встановіть ту саму тему жорстко — чат перестане виділятися латкою в кутку. Акцентний колір при цьому залишається вашим у будь-якій темі. ## Крок 5. Перевірте ## Поширені проблеми **Віджет не з'явився.** Дев'ять разів із десяти сторінки не переопубліковані після вставки коду. Опублікуйте заново та оновіть сторінку з очищенням кешу. **Віджет видно не на всіх сторінках.** Код вставлено не в налаштування сайту, а в окремий блок T123 на одній сторінці. Перенесіть у «Налаштування сайту» → «Ще». **Кнопка з'являється із затримкою.** Це нормально: скрипт завантажується асинхронно, після основного вмісту, щоб не гальмувати сторінку. **Конфлікт з іншим чатом.** Два чати в одному кутку перекривають один одного. Залиште один або розведіть по різних сторонах. ## Поширені запитання ### Чи потрібен платний тариф Tilda Код вставляється в налаштуваннях сайту, це доступно на платних тарифах Tilda. На безкоштовному тарифі вставка довільного коду не підтримується — тоді використовуйте посилання на агента та ставте його кнопкою на сторінку. ### Чи сповільнить віджет сайт Ні. Скрипт важить небагато і завантажується асинхронно, саме вікно чату підвантажується лише після натискання кнопки. На швидкість завантаження сторінки Tilda це не впливає. ### Чи можна поставити агента лише на одну сторінку Так, вставте код не в налаштування сайту, а в блок «T123 HTML» на потрібній сторінці. Так роблять, наприклад, для лендингу одного товару. ### Чи працює це з Tilda Store Так. Агент читає картки товарів та кошик, а оформлення залишає магазину Tilda: покупець переходить у ваш кошик з обраним товаром. ### Як прибрати віджет із сайту Видаліть рядок коду в налаштуваннях сайту та переопублікуйте сторінки. Дані та діалоги при цьому зберігаються, посилання на агента продовжить працювати.