Så anpassar du utseendet på Shoply AI Chat

Shoply AI Chat och AI Search erbjuder fler än 40 alternativ för att anpassa appens utseende.

I det här avsnittet går vi igenom de olika anpassningsalternativen som finns för din AI-chattbot. Du kan anpassa dess utseende, chattfönstrets design och meddelandeupplevelsen så att de passar ditt varumärke.

Redo att komma igång? Besök sidan Anpassa AI Chat i appens administratörskonsol för att börja anpassa din chattupplevelse. När du har aktiverat Shoply AI Chat i Shopifys temaredigerare visas chattikonen längst ned till höger på butikens webbsida.

Val av chattikon

Välj en ikon

Du kan välja en chattikon bland våra 17 olika fördefinierade ikoner eller ladda upp en bild som din egen chattikon.

Chattikonens färg och storlek

Primärfärg

Detta är huvudfärgen för temat och används även som färg för markerad text i chattfönstret.

Om du använder ljust läge på din webbplats bör du välja en annan temafärg än vit – detta säkerställer att den markerade texten fortfarande är läsbar mot den ljusa bakgrunden. Om du använder mörkt läge på din webbplats bör du välja en annan temafärg än svart.

Komplementär färg

Detta är en komplementär färg som fungerar tillsammans med din primärfärg för att skapa gradienter (mjuka övergångar mellan två färger) för chattikonen och chattfönstrets sidhuvud, vilket gör chattikonen mer visuellt tilltalande och bättre anpassad till ditt varumärke.

Ikonens linjefärg

Detta är chattikonens konturfärg.

Om chattikonens bakgrundsfärg ska tas bort.

Detta är ofta användbart om du laddar upp en bild som chattikon och vill ta bort chattikonens bakgrundsfärg (primärfärgen).

Om chattikonens skugga ska tas bort.

Med det här alternativet kan du ta bort skuggeffekten från chattikonen för en plattare och mer minimalistisk design. Det är särskilt användbart om din butik har ett rent, modernt utseende eller om du har laddat upp en anpassad ikon som redan har egna skugg- eller djupeffekter.

Flytande ikonstorlek för dator och mobil.

På mobilen kan du vilja ange en mindre storlek för chattikonen för att undvika att den skymmer kundens vy av mobilskärmen.

Placera chattikonen

Chattikonens placering på dator och mobil.

Chattikonens z-index:

Använd ett högre värde om du vill att ikonen ska ligga framför andra gränssnittselement.

Dölj chattikonen automatiskt på mobilen

Dölj chattikonen efter ett angivet antal sekunder på mobila enheter.

Det här alternativet är endast tillgängligt på mobila enheter. Det hjälper till att förhindra att chattikonen skymmer kundens vy av mobilskärmen.

Anpassa chattfönstret

När du klickar på Shoply AI:s chattikon öppnas chattfönstret. Kunderna kan interagera med Shoply AI genom det chattfönstret.

I det här avsnittet går vi igenom de olika alternativ som finns för att anpassa chattfönstret.

Chattfönstrets färgtema (mörkt läge eller ljust läge)

Om du väljer mörkt läge blir chattfönstrets bakgrund svart och teckensnittsfärgen vit. Vi rekommenderar att du väljer mörkt läge om din butik också har ett mörkt tema.

Chattfönstrets bredd på dator

Det här alternativet gäller endast datorer. På mobilen täcker chattfönstret alltid hela skärmen.

Välj varumärkesbild och bakgrundsbild

Du kan välja att ladda upp en egen varumärkesbild och bakgrundsbild för chattfönstret eller helt enkelt låta Shoply AI generera bilderna åt dig.

Om du väljer att använda den AI-genererade bilden skapar Shoply AI varumärkesbilder och bakgrundsbilder baserat på din butiks beskrivning.

Justera bakgrundsbildens genomskinlighet och bildförhållanden för chattfönstret.

Bakgrundsbilder i chattfönstret kan göra texten ovanpå dem oläslig. Därför lägger vi som standard till ett halvgenomskinligt lager ovanpå bakgrundsbilden.

Om Shoply AI:s logotyp i inmatningsfältet ska tas bort

Med det här alternativet kan du ta bort Shoply AI:s logotyp från chattens inmatningsfält för en renare upplevelse som bättre återspeglar ditt varumärke. Det är särskilt användbart om du vill ha en konsekvent varumärkesidentitet i hela butiken utan logotyper från tredje part eller om du föredrar ett mer minimalistiskt chattgränssnitt.

Det här alternativet är endast tillgängligt för betalplaner.

Fördefinierade meddelanden för AI Chat

Du kan också ange eller redigera standardmeddelanden som vägleder kunderna när de först interagerar med din chattbot. Dessutom kan du konfigurera översättningsalternativen för dessa meddelanden (se den här FAQ-sidan för mer information).

Popup-välkomstmeddelande (visas ovanför chattikonen om det inte är tomt)

Om du lämnar välkomstmeddelandet tomt visar vi inte välkomstmeddelandet ovanför chattikonen.

Fördefinierade meddelanden i chattfönstret

Du kan ange upp till tre typer av fördefinierade meddelanden i chattfönstret:

1. Det första meddelandet i chattfönstret – Detta är det inledande hälsningsmeddelandet som automatiskt visas när kunderna öppnar chattfönstret för första gången. Använd detta för att välkomna kunderna och ange tonen för samtalet.

2. Upp till fyra startfrågor – Det här är klickbara frågeförslag som visas i början av chatten. De hjälper till att vägleda kunderna genom att erbjuda vanliga frågor som de kan klicka på för att starta en konversation, vilket gör det enklare för kunderna att komma igång.

3. Platshållarmeddelande i inmatningsfältet – Detta är hjälptexten som visas i chattens inmatningsfält innan kunderna börjar skriva. Den ger vägledning om vad kunderna kan fråga, till exempel ”Fråga mig vad som helst 🤗” eller ”Hur kan jag hjälpa dig i dag?”

Se exemplet för varje typ av fördefinierat meddelande: