Widgetkod för bilder i webbutiker: mockups och visuella idéer för kunder
En AI-bildwidget hjälper kunder att föreställa sig en produktidé innan de köper. Så använder butiker bildwidgetens kod, och så håller du den i linje med varumärket och budgeten.
Publicerad:
Kunder har ofta svårt att föreställa sig resultatet: ett eget tryck, en färg på väggen, en presentidé. Med en AI-bildwidget kan de beskriva det och se en genererad bild på några sekunder, utan att lämna din butik. Eftersom widgeten är white label ser den ut som en del av din butik, inte som ett verktyg från en tredje part.
Idéer som fungerar i en butik
- Egna tryck och profilprodukter: ”en minimalistisk linjeteckning av berg till en mugg” ger kunden en utgångspunkt att diskutera med dig.
- Inredning och dekor: besökare skissar en känsla (”ett lugnt skandinaviskt sovrum i salviagrönt”) innan de bläddrar bland matchande produkter.
- Presentinspiration: en snabb bild hjälper någon att bestämma vad de ska beställa.
Var tydlig på sidan med att bilderna är AI-genererade koncept, inte foton av en produkt som du skickar. Då blir förväntningarna realistiska och du slipper returer.
Lägg till den på en produkt- eller landningssida
Skapa en widget av typen Bild under Widgets, spara den och kopiera koden:
<script src="https://api14.com/widget.js" data-widget="YOUR_WIDGET_ID" async></script>
De flesta e-handelsplattformar har ett block för egen HTML. Klistra in taggen där, eller visa widgeten i ett visst element med data-target. Widgeten ligger i en egen Shadow DOM, så ditt temas CSS och widgeten påverkar aldrig varandra.
Få den att se ut som din butik
Bildwidgeten har ingen logotyp och ingen ”powered by”-rad. Skriv rubrik och knapptext med din butiks röst, välj varumärkets accentfärg och ett tema som passar dina sidor. Använd platshållartexten för att visa en bra exempelbeskrivning: kunderna gör som de ser.
Håll utgifterna förutsägbara
En butik kan ha intensiva dagar, så sätt gränser före en kampanj:
- Kör widgeten under en egen API-nyckel. I redigeraren är det sista alternativet i nyckellistan Skapa ny API-nyckel. Ge nyckeln en daglig utgiftsgräns och begränsa den till den bildmodell du valt.
- Lägg till en daglig utgiftsgräns på själva widgeten.
- Under Inställningar, Widgetinställningar anger du hur många förfrågningar en besökare får skicka per dag.
Användning visar widgetens förfrågningar per webbplats och per widget, så du kan se om verktyget betalar sig.
Tillåt bara din butiks domän
Lista butikens domän under Inställningar, Widget-webbplatser. En domän omfattar även sina underdomäner, så example.com omfattar www.example.com.
Prova byggverktyget på widgetsidan för att se hur en bildwidget skulle se ut i din butik.