AI adatok és termékek
Kontextus eszköz űrlapok, amelyek valós idejű adatokat kérnek le külső API-kból, és termékajánló karuszelek — dinamikus tartalom, ami AI beszélgetések során jelenik meg.
Áttekintés
AI beszélgetés közben az AI ügynök túlléphet a márka tárolt tudásán azáltal, hogy élő adatokat kér le külső rendszerekből és termékeket ajánl. Ez a cikk a két dinamikus tartalomtípust mutatja be, amivel a látogatók találkoznak: kontextus eszköz űrlapok (valós idejű adatokhoz) és termék karuszelek (ajánlásokhoz).
Kontextus eszköz űrlapok
Amikor az AI-nak információra van szüksége egy külső rendszerből a látogató kérdésének megválaszolásához — például rendelés állapot ellenőrzése, fiók keresés vagy foglalási rendszer lekérdezése — egy kontextus eszköz űrlap jelenik meg a csevegésben.
Mit lát a látogató
Egy kiemelt kártya jelenik meg az AI helyén a csevegésben, egy Vex · AI asszisztens névsor alatt, benne:
- Egy cím: "Kérjük, add meg a következő információkat:"
- Egy vagy több beviteli mező címkékkel, az oldal színén
- Kötelező mező jelölők (csillagok) a kötelező mezőkön
- Egy kitöltött Küldés és egy halvány Mégse gomb, a bal oldalon
- Egy bezárás gomb (X) a felső sarokban
- Ellenőrzési hibák pirossal a mezők alatt, ha a bevitel érvénytelen
Hogyan működik
Az AI elindítja az űrlapot
Az AI felismeri, hogy külső adatra van szüksége a látogató kérdésének megválaszolásához. Az űrlap automatikusan megjelenik a csevegésben — a látogatónak nem kellett semmit tennie az aktiválásához.
A látogató kitölti a mezőket
A látogató megadja a kért információkat. Egyes mezők már előre kitöltöttek lehetnek az AI által a korábbi beszélgetési kontextus alapján (pl. ha a látogató már megemlítette az email címét).
Az adatok elküldésre kerülnek
A látogató a Küldés gombra kattint. Az űrlap eltűnik, és a külső API meghívásra kerül a megadott adatokkal.
Az AI válaszol az eredménnyel
Az API válasz visszajut az AI-hoz, amely természetes nyelvű választ generál. A látogató szóról szóra látja a válasz streamelését, pont úgy, mint egy szokásos AI választ.
Mező típusok
| Típus | Mit lát a látogató |
|---|---|
| Szöveg | Szabványos szöveges beviteli mező |
| Szám | Numerikus bevitel ellenőrzéssel |
| Logikai | Két egymás melletti gomb (pl. "Igen" / "Nem") testreszabható címkékkel |
| Legördülő | Egyválasztós menü előre meghatározott opciókkal |
| Többválasztós | Jelölőnégyzetek több érték kiválasztásához |
Előre kitöltött mezők
Az AI automatikusan kitöltheti a mezőket a beszélgetésből származó információkkal. Például ha egy látogató már mondta, hogy "az email címem [email protected]", az email mező előre kitöltve jelenik meg.
Az előre kitöltött értékek a beviteli mezőkben láthatók, amikor az űrlap megnyílik. A látogató átnézheti és szerkesztheti őket beküldés előtt.
Automatikus beküldés
Egyes esetekben az űrlap teljesen kihagyja a látogatót. Ha elegendő mező előre ki van töltve az AI által, az űrlap automatikusan beküldődhet megjelenítés nélkül — a látogató csak az AI válaszát látja, mintha az információ végig rendelkezésre állt volna.
Négy megjelenítési mód szabályozza ezt:
| Mód | Mikor hagyja ki az űrlapot |
|---|---|
| Mindig mutatja | Soha — az űrlap mindig megjelenik, még ha teljesen előre ki is van töltve |
| Auto (csak kötelező) | Amikor minden kötelező mező előre ki van töltve |
| Auto (minden mező) | Amikor minden mező (kötelező és opcionális) előre ki van töltve |
| Auto (bármely mező) | Amikor bármely mező előre ki van töltve (minden kötelező mezőt továbbra is fedezni kell) |
Amikor az API meghibásodik
Ha a külső API nem válaszol vagy hibát ad vissza, a látogató háromféle eredményt láthat:
- Egy egyéni üzenetet, amely elmagyarázza a problémát (pl. "Sajnálom, jelenleg nem tudom ellenőrizni a rendelésed állapotát")
- Automatikus átadás emberi ügyintézőnek
- Az AI visszaáll az elérhető tudásból való válaszadásra
A látogató nem lát nyers hibákat — az élmény mindig elegánsan kezelt.
Termék karuszelek
Ha van csatlakoztatott termékforrás, az AI termékajánlásokat ágyazhat be közvetlenül a válaszaiba. Ezek vízszintesen görgethető karuszellként jelennek meg termék kártyákkal a csevegés üzeneten belül. A katalógus és a forrásai saját képernyőt kaptak: Márka → (a márkád) → Termékek.
Mit lát a látogató
Minden termék kártya megjelenít:
- Termék kép — optimalizált miniatűr
- Cím — terméknév (csonkolva ha hosszú)
- Opció-összefoglaló vagy leírás — lásd lentebb
- Ár — ha elérhető
A karuszell az AI szövege alatt ül, kártyák soraként, az árral a márkaszínedben. A látogatók húzhatnak vagy görgethetnek vízszintesen a termékek böngészéséhez.
Kártya egy több változattal rendelkező termékhez
Egy több ízben, kiszerelésben vagy színben árult termék változatokat hordoz, és ez a kártyáján is látszik:
- A leírás helyett a kártya az opciókat foglalja össze —
Íz: 13 · Kiszerelés: 3—, hogy a látogató egy pillantással lássa, miből választhat. Egy egyetlen változattal rendelkező termék a korábbi módon továbbra is a leírását mutatja. - Az árból „-tól" ár lesz, ha a változatok nem mind ugyanannyiba kerülnek:
39 990 Ft-tól, a widget saját nyelvén (németülab 39,90 €, angolulfrom €39.90).
Kártya egyetlen konkrét változathoz
Az AI egy kártyát egyetlen konkrét változatra is irányíthat az egész termék helyett. Ilyenkor a kártya címe hordozza az opciókat — Gold Whey · Pisztácia · 1 kg —, az ár pedig annak a változatnak a saját ára, nem egy tartomány.
Ez akkor történik, amikor a beszélgetés egyetlen választásra szűkült: a látogató az 1 kg-os pisztáciásat kérte, tehát a kártya az 1 kg-os pisztáciásról szól.
Interakció
- Kattints egy kártyára a termékoldal megnyitásához új lapon
- Húzd/görgesd a termékek közötti navigáláshoz mobilon vagy asztali gépen
- A termékkattintások analitikában nyomon követettek, így mérheted az elköteleződést
Miben különbözik a kontextus eszközöktől
| Kontextus eszköz űrlapok | Termék karuszelek | |
|---|---|---|
| Igényel látogatói bevitelt | Igen — a látogató kitölt egy űrlapot | Nem — automatikusan megjelenik |
| Külső adatot kér le | Igen — API-t hív az űrlap adataival | Nem — a saját katalógusodból olvas, élő árral és készlettel |
| Megjelenés | Kártya beviteli mezőkkel | Termék kártyák az AI szövege alatt |
| Aktiválja | AI-nak valós idejű adatra van szüksége | AI termékkel kapcsolatos szándékot észlel |