Produktkort

Visa visuella produktkort i dina chattkonversationer

Hantera produkter
Standard- och 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 kr
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. Click Import - AI will extract the product information
  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ägger 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

The label on the primary action button. Default: "Add to cart"

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\

Examples: "Learn more" • "View specs" • "See details"
Länk till produktsida Valfritt

Link to the full product page with specifications and more 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! Changes take effect immediately - no need to republish your 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.