Sådan tilpasser du udseendet af Shoply AI Chat

Shoply AI Chat og AI Search giver mere end 40 muligheder for at tilpasse appens udseende.

Dette afsnit gennemgår de forskellige tilpasningsmuligheder, der er tilgængelige for din AI-chatbot. Du kan tilpasse dens udseende, chatvinduets design og beskedoplevelsen, så det passer til dit brand.

Klar til at komme i gang? Besøg siden Customize AI Chat i vores apps administrationskonsol for at begynde at tilpasse din chatoplevelse. Når du har aktiveret Shoply AI Chat i Shopifys Theme Editor, vises chatikonet nederst til højre på din butiks webside.

Valg af chatikon

Vælg et ikon

Du kan vælge et chatikon blandt vores 17 forskellige foruddefinerede ikoner eller uploade et billede som dit eget chatikon.

Chatikonets farve og størrelse

Primærfarve

Dette er den primære temafarve, og den bruges også som fremhævelsesfarve til tekst i chatvinduet.

Hvis du bruger lyst tema på dit website, skal du vælge en ikke-hvid farve som temafarve – det sikrer, at den fremhævede tekst stadig er læsbar på den lyse baggrund. Hvis du bruger mørkt tema på dit website, skal du vælge en ikke-sort farve som temafarve.

Komplementærfarve

Dette er en komplementærfarve, der fungerer sammen med din primærfarve for at skabe gradienter (glidende overgange mellem to farver) til chatikonet og chatvinduets overskrift, så chatikonet bliver mere visuelt tiltalende og passer til dit brand.

Ikonets stregfarve

Dette er chatikonets konturfarve.

Om chatikonets baggrundsfarve skal fjernes.

Dette er ofte nyttigt, hvis du uploader et billede som chatikon og vil fjerne chatikonets baggrundsfarve (primærfarven).

Om chatikonets skygge skal fjernes.

Med denne indstilling kan du fjerne skyggeeffekten fra chatikonet og få et fladere, mere minimalistisk design. Det er især nyttigt, hvis din butik har et rent, moderne udtryk, eller hvis du har uploadet et brugerdefineret ikon, som allerede har sin egen skygge eller dybdeeffekt.

Flydende ikonstørrelse på desktop og mobil.

På mobil vil du måske indstille chatikonet til en mindre størrelse for at undgå at blokere kundens udsyn til mobilskærmen.

Placering af chatikonet

Chatikonets placering på desktop og mobil.

Chatikonets z-indeks:

Brug en højere værdi, hvis du vil have ikonet til at blive vist foran andre UI-elementer.

Skjul automatisk chatikonet på mobil

Skjul chatikonet efter et angivet antal sekunder på mobilenheder.

Denne indstilling er kun tilgængelig på mobilenheder. Den hjælper med at forhindre, at chatikonet blokerer kundens udsyn til mobilskærmen.

Tilpasning af chatvinduet

Når du klikker på Shoply AI-chatikonet, vises chatvinduet. Kunderne kan interagere med Shoply AI via dette chatvindue.

Dette afsnit gennemgår de forskellige muligheder for at tilpasse chatvinduet.

Chatvinduets farvetema (mørkt eller lyst tema)

Hvis du vælger mørkt tema, er chatvinduets baggrund sort, og skriftfarven er hvid. Vi anbefaler at vælge det mørke tema, hvis din butiks tema også er mørkt.

Chatvinduets bredde på desktop

Denne indstilling gælder kun for desktop. På mobil fylder chatvinduet altid hele skærmen.

Vælg brandingbillede og baggrundsbillede

Du kan vælge at uploade dit eget brandingbillede og baggrundsbillede til chatvinduet eller blot lade Shoply AI generere billederne for dig.

Hvis du vælger at bruge det AI-genererede billede, genererer Shoply AI brandingbillederne og baggrundsbillederne ud fra beskrivelsen af din butik.

Juster gennemsigtigheden og billedformaterne for chatvinduets baggrundsbillede.

Baggrundsbilleder i chatvinduet kan gøre teksten oven på dem ulæselig. Derfor tilføjer vi som standard et halvgennemsigtigt lag oven på baggrundsbilledet.

Om Shoply AI-logoet skal fjernes fra inputlinjen

Med denne indstilling kan du fjerne Shoply AI-logoet fra chat-inputlinjen og få en renere oplevelse, der i højere grad afspejler dit brand. Det er især nyttigt, hvis du vil opretholde en ensartet brandidentitet i hele din butik uden tredjepartslogoer, eller hvis du foretrækker et mere minimalistisk chatinterface.

Denne indstilling er kun tilgængelig for betalte abonnementer.

Foruddefinerede beskeder til AI-chat

Du kan også indstille eller redigere standardbeskeder, der hjælper kunderne, når de interagerer med din chatbot for første gang. Derudover kan du konfigurere oversættelsesmulighederne for disse beskeder (se denne FAQ-side for flere oplysninger).

Velkomstbesked i pop op-vinduet (vises over chatikonet, hvis den ikke er tom)

Hvis du lader velkomstbeskeden være tom, viser vi ikke velkomstbeskeden over chatikonet.

Foruddefinerede beskeder i chatvinduet

Du kan indstille op til tre typer foruddefinerede beskeder i chatvinduet:

1. Første besked i chatvinduet – Dette er den indledende hilsen, der automatisk vises, når kunderne åbner chatvinduet for første gang. Brug den til at byde kunderne velkommen og sætte tonen for samtalen.

2. Op til fire startspørgsmål – Dette er klikbare forslag til spørgsmål, der vises i begyndelsen af chatten. De hjælper med at guide kunderne ved at give dem almindelige spørgsmål, som de kan klikke på for at starte en samtale, så det bliver nemmere for dem at komme i gang.

3. Pladsholderbesked i inputfeltet – Dette er hjælpeteksten, der vises i chat-inputfeltet, før kunderne begynder at skrive. Den giver vejledning om, hvad kunderne kan spørge om, f.eks. “Spørg mig om hvad som helst 🤗” eller “Hvordan kan jeg hjælpe dig i dag?”

Se eksemplet for hver type foruddefineret besked: