Центр допомоги
Функції чату

Offer Cards

Останнє оновлення:

Що таке Offer Cards

Offer Cards змінюють те, як ваш чатбот подає інформацію про товари чи послуги. Замість простого текстового списку чатбот показує їх у вигляді візуальних карток у горизонтальній каруселі з можливістю прокручування. Кожна картка містить:

  • Зображення товару (за наявності)
  • Назву товару
  • Короткий опис
  • Ціну (за наявності)
  • Клікабельне посилання на сторінку товару

Якщо товарів більше, ніж може вміститися у віджеті чату, відвідувачі можуть гортати результати по горизонталі або використовувати стрілки навігації.

Товари, що показуються в такий спосіб, можуть надходити з підключеної інтеграції e-commerce або з подібного до товарів вмісту у ваших звичайних навчальних даних - інтеграція з магазином не є обов'язковою.

Товари, представлені у вигляді візуальних карток у віджеті чату|width=60

Як увімкнути цю функцію

  1. Виберіть свого чатбота та перейдіть до Settings > Model & Advanced (Налаштування > Модель та розширені).
  2. Знайдіть рядок Enable Offer Cards (Увімкнути Offer Cards) внизу списку розширених налаштувань.
  3. Увімкніть перемикач Enable Offer Cards. Зміни зберігаються автоматично.

Offer Cards доступні як преміумфункція - якщо ваш тарифний план не підтримує її, перемикач залишатиметься неактивним, доки ви не оновите план.

Перемикач Enable Offer Cards у налаштуваннях Model & Advanced

Як це працює

Коли Offer Cards увімкнено, штучний інтелект структурує свої відповіді так, що подібні до товарів позиції виділяються та відображаються у вигляді візуальних карток. Це відбувається автоматично - щоразу, коли відповідь чатбота містить товари, пропозиції або схожі позиції, вони з'являються в каруселі карток замість звичайного тексту.

Offer Cards працюють у двох сценаріях:

  • З інтеграцією e-commerce або готельними системами - коли до вашого бота підключено інтеграцію з Shopify, WooCommerce або іншою платформою e-commerce (через вкладку Connect (Підключення)), результати пошуку товарів з інтеграції показуються як картки. Те саме стосується систем бронювання готелів, таких як Beds24, Hostfully, Hotres, IdoBooking та KWHotel, де доступні номери й тарифи повертаються у вигляді карток. Елементи завантажуються поступово, з'являючись один за одним у міру отримання результатів від інтеграції.

  • Без інтеграції - Offer Cards також розпізнають інформацію у форматі пропозицій із ваших навчальних даних. Якщо ваш сайт містить оголошення про нерухомість, описи номерів, пакети послуг або будь-які структуровані пропозиції, чатбот представить їх у вигляді карток, коли це доречно.

Де з'являються синхронізовані позиції каталогу

Коли до вашого бота підключено інтеграцію e-commerce, товари, отримані з цього магазину, відображаються в розділі Training > E-commerce catalog (Навчання > Каталог e-commerce). Ця підвкладка має два режими перегляду - Products (Товари) та Categories (Категорії), - де ви можете шукати та переглядати все, що синхронізовано з підключеної інтеграції. Використовуйте цей розділ, щоб перевірити, які саме товари чатбот може показувати як картки.

Клік на картку товару

Коли відвідувач натискає на картку товару, сторінка товару відкривається відповідно до налаштування посилань у Settings > Appearance > Open links in (Налаштування > Зовнішній вигляд > Відкривати посилання в) - у новій або в поточній вкладці. На мобільних пристроях віджет чату автоматично згортається перед відкриттям посилання на товар.

Усі посилання на товари містять параметр utm_source=aichatbot, щоб ви могли відстежувати трафік від чатбота у вашій аналітиці.

Сумісність із моделями

Для роботи Offer Cards потрібна модель ШІ, яка підтримує структурований вивід (structured output). Усі поточні моделі OpenAI GPT, Google Gemini та Anthropic Claude сумісні з цією функцією, за винятком таких:

  • GPT 4-o та GPT 4-o mini
  • Gemini 3.1 Flash-Lite

Якщо ваш бот використовує одну з цих моделей, перемикач автоматично вимикається. Перейдіть на будь-яку іншу модель у Settings > Model & Advanced, щоб скористатися цією функцією. Не впевнені, яку модель обрати? Перегляньте статтю Selecting AI model (Вибір моделі ШІ).

Пов'язані статті