Produktkort

Visa visuella produktkort i dina chattkonversationer

Hantera produkter
Standard- & Pro-planer

Översikt

Produktkort låter din AI visa visuell produktinformation direkt i chatten. När en besökare frågar om produkter eller när det är relevant för konversationen kan AI:n visa interaktiva kort med bilder, priser, beskrivningar och åtgärdsknappar.

Det här skiljer sig från din kunskapsbas – medan kunskapsbasen hjälper din AI att besvara frågor är produktkort visuella element som visas i konversationen för att hjälpa besökare att upptäcka och köpa dina produkter.

Hur det fungerar

  1. Du lägger till produkter med namn, bilder, priser och beskrivningar
  2. Du skriver en AI-beskrivning som talar om för AI när varje produkt ska visas
  3. Besökaren ställer en fråga som matchar din AI-beskrivning
  4. AI visar produktkortet med bild, pris och åtgärdsknappar
AI-assistent
Visa mig hörlurar under $200
Här är två bra alternativ! AudioElite X1 har utmärkta recensioner från våra kunder.
Headphones
SoundMax Pro
$149
Lägg i varukorg
Headphones
AudioElite X1
$179
Lägg i varukorg

Importera från URL

Istället för att manuellt ange produktdetaljer kan du automatiskt importera dem från valfri produktsida:

  1. Klicka på knappen "Import from URL" i formulärhuvudet
  2. Klistra in URL:en till din produktsida
  3. Klicka på Importera - AI kommer att extrahera produktinformationen
  4. Granska de automatiskt ifyllda fälten och gör eventuella justeringar
  5. Klicka på Lägg till produkt för att spara

AI:n extraherar automatiskt:

  • Produktnamn och pris
  • Produktbeskrivning
  • Huvudproduktbild
  • Föreslagen knapptext (t.ex. "Köp nu", "Prenumerera")
  • AI-beskrivning för när produkten ska visas

Tips: Produktsidans URL används automatiskt för båda knapp-länkarna, så besökare kan klicka för att köpa. Du kan ändra dessa länkar om du har specifika kundvagns- eller kassaköps-URL:er.

Lägga till produkter manuellt

Varje produkt har följande fält:

Obligatoriska fält

Produktnamn Obligatoriskt

Namnet som visas på kortet. Maximalt 30 tecken.

Exempel: "Premium trådlösa hörlurar
AI-beskrivning Obligatoriskt

Berätta för AI när den ska visa den här produkten. Skriv på naturligt språk och beskriv situationerna där den här produkten är relevant.

Exempel: \"Visa när användaren frågar om hörlurar, audioutrustning eller musikuppspelningsenheter under 200 $"

Valfria fält

Pris Valfritt

Accepterar alla textformat – du kan använda valutasymboler, intervall eller anpassad text.

Exempel: \"29,99 $\" • \"Från 19 $/månad\" • \"Gratis\" • \"Kontakta för prissättning\"
Produktbeskrivning Valfritt

En kort beskrivning av din produkts funktioner och fördelar. Visas under priset på kortet.

Bild-URL Valfritt

Direkt URL till din produktbild. Stöder JPG, PNG och WebP-format. För bästa resultat, använd bilder som är minst 300px breda.

Exempel: https://yoursite.com/images/product.jpg

Tips: Produktbilder länkas via URL, inte uppladdas. Du kan använda bilder som finns på din webbplats, ett CDN eller bildvärdar.

Konfigurera knappar

Varje produktkort har två konfigurerbara knappar:

Primärknapp

Knapptext Valfritt

Etiketten på den primära handlingsknappen. Standard: "Lägg i varukorg

Exempel: \"Köp nu\" • \"Kom igång\" • \"Boka en demo\" • \"Prenumerera\"
Knapplänk Obligatoriskt om knapptext är angiven

Vart knappen tar besökare vid klick – din varukorg, kassasida, bokningsformulär eller produktsidans URL.

Exempel: https://yoursite.com/cart?add=product-123

Sekundär knapp

Text för detaljknapp Valfritt

Etiketten för den sekundära knappen. Standard: "Mer information

Exempel: "Läs mer" • "Visa specifikationer" • "Se detaljer"
Länk till produktsida Valfritt

Länk till den fullständiga produktsidan med specifikationer och mer information.

Exempel: https://yoursite.com/products/premium-headphones

Att skriva bra AI-beskrivningar

AI-beskrivningen är avgörande – den avgör när din produkt visas i konversationer. Skriv tydliga beskrivningar av situationerna där produkten är relevant:

Bra exempel
  • "Visa när någon frågar om laptops för studenter eller nämner att de behöver en dator för skolan"
  • "Visa när besökaren nämner budgetbegränsningar eller frågar om prisvärda alternativ"
  • "Visa detta när användaren frågar om premiumfunktioner, prisplaner eller professionella verktyg"
Dåliga exempel
  • "Laptop" - För vagt, matchar inte naturliga frågor
  • "Show always" - Kommer att belamra konversationer
  • "Best product" - Beskriver inte när det ska visas

Hantera produkter

  • Aktivera/Inaktivera: Växla produkter utan att ta bort dem - användbart för säsongsvaror eller produkter som är slut i lager
  • Position: Ange visningsordning när flera produkter visas (lägre nummer visas först)
  • Förhandsgranskning: Se hur ditt kort kommer att se ut när du fyller i fälten

Obs! Ändringar träder i kraft omedelbart - inget behov av att publicera om din widget.

Dynamiska produkter från realtidsdata

Har du produkter som ändras ofta? Istället för att manuellt hantera produkter här kan du visa produktkort dynamiskt från ditt Real-Time Data Feed.

Statiska produktkort
  • Lägg till produkter manuellt här
  • Bäst för stabilt lager
  • Full kontroll över varje produkt
  • Ange anpassade AI-beskrivningar
Dynamiska produktkort
  • Automatiskt genererad från ditt dataflöde
  • Perfekt för föränderligt lager
  • Alltid aktuella priser/lager
  • Inget manuellt underhåll krävs

För att aktivera dynamiska produktkort:

  1. Konfigurera ett Real-Time Data Feed med din produktdata
  2. Slå på "Enable Dynamic Product Cards"
  3. Inkludera produktfält i ditt flöde: name, price, image_url, button_link

Tips: Du kan använda båda! Statiska produkter för utvalda artiklar och dynamiska produkter för livelagersaldo. Läs mer i dokumentationen för Real-Time Data Feed.