Slik tilpasser du utseendet til Shoply AI Chat

Shoply AI Chat og AI Search tilbyr mer enn 40 alternativer for å tilpasse appens utseende.

I denne delen går vi gjennom de ulike tilpasningsalternativene som er tilgjengelige for AI-chatboten din. Du kan tilpasse utseendet, utformingen av chattevinduet og meldingsopplevelsen slik at det passer til merkevaren din.

Klar til å komme i gang? Gå til siden Customize AI Chat i appens administrasjonskonsoll for å begynne å tilpasse chatopplevelsen. Når du har aktivert Shoply AI Chat i Shopify’s Theme Editor, vises chatikonet nederst til høyre på butikkens nettside.

Valg av chatikon

Velg et ikon

Du kan velge et chatikon blant våre 17 ulike forhåndsdefinerte ikoner, eller laste opp et bilde som ditt eget chatikon.

Farge og størrelse på chatikonet

Primærfarge

Dette er hovedfargen i temaet, og den brukes også som farge på fremhevet tekst i chattevinduet.

Hvis du bruker lys modus på nettstedet ditt, bør du velge en temafarge som ikke er hvit – dette sikrer at den fremhevede teksten fortsatt er lesbar mot den lyse bakgrunnen. Hvis du bruker mørk modus på nettstedet ditt, bør du velge en temafarge som ikke er svart.

Komplementærfarge

Dette er en komplementærfarge som fungerer sammen med primærfargen din for å lage gradienter (myke overganger mellom to farger) for chatikonet og overskriften i chattevinduet. Det gjør chatikonet mer visuelt tiltalende og bedre tilpasset merkevaren din.

Linjefarge for ikonet

Dette er konturfargen til chatikonet.

Om bakgrunnsfargen til chatikonet skal fjernes.

Dette er ofte nyttig hvis du laster opp et bilde som chatikon og vil fjerne bakgrunnsfargen (primærfargen) fra chatikonet.

Om skyggen til chatikonet skal fjernes.

Med dette alternativet kan du fjerne skyggeeffekten fra chatikonet for å få et flatere og mer minimalistisk design. Dette er særlig nyttig hvis butikken din har et rent, moderne uttrykk, eller hvis du har lastet opp et egendefinert ikon som allerede har egne skygge- eller dybdeeffekter.

Størrelse på flytende ikon for datamaskin og mobil.

På mobil kan det være lurt å angi en mindre størrelse på chatikonet for å unngå at det blokkerer kundens utsyn over mobilskjermen.

Plassering av chatikonet

Plassering av chatikonet på datamaskin og mobil.

Z-indeks for chatikonet:

Bruk en høyere verdi hvis du vil at ikonet skal vises foran andre brukergrensesnittelementer.

Skjul chatikonet automatisk på mobil

Skjul chatikonet etter et angitt antall sekunder på mobile enheter.

Dette alternativet er bare tilgjengelig på mobile enheter. Det bidrar til å hindre at chatikonet blokkerer kundens utsyn over mobilskjermen.

Tilpasning av chattevinduet

Når du klikker på chatikonet til Shoply AI, åpnes chattevinduet. Kundene kan kommunisere med Shoply AI gjennom dette chattevinduet.

I denne delen går vi gjennom de ulike alternativene du kan bruke til å tilpasse chattevinduet.

Fargetema for chattevinduet (mørk modus eller lys modus)

Hvis du velger mørk modus, blir bakgrunnen i chattevinduet svart og skriftfargen hvit. Vi anbefaler at du velger mørk modus hvis butikkens tema også er i mørk modus.

Bredden på chattevinduet på datamaskin

Dette alternativet gjelder bare datamaskiner. På mobil fyller chattevinduet alltid hele skjermen.

Velg merkevarebilde og bakgrunnsbilde

Du kan velge å laste opp ditt eget merkevarebilde og bakgrunnsbilde for chattevinduet, eller ganske enkelt la Shoply AI generere bildene for deg.

Hvis du velger å bruke det AI-genererte bildet, genererer Shoply AI merkevarebilder og bakgrunnsbilder basert på beskrivelsen av butikken din.

Juster gjennomsiktigheten og størrelsesforholdene til bakgrunnsbildet for chattevinduet.

Bakgrunnsbilder i chattevinduet kan gjøre teksten over bildet uleselig. Derfor legger vi som standard et halvgjennomsiktig lag over bakgrunnsbildet.

Om Shoply AI-logoen i inndatafeltet skal fjernes

Med dette alternativet kan du fjerne Shoply AI-logoen fra chatteinndatafeltet for en renere opplevelse som i større grad gjenspeiler merkevaren din. Dette er særlig nyttig hvis du vil opprettholde en konsekvent merkevareidentitet gjennom hele butikken uten tredjepartslogoer, eller hvis du foretrekker et mer minimalistisk chattegrensesnitt.

Dette alternativet er bare tilgjengelig i betalte abonnementer.

Forhåndsdefinerte meldinger for AI Chat

Du kan også angi eller redigere standardmeldinger som veileder kundene når de samhandler med chatboten din for første gang. I tillegg kan du konfigurere oversettelsesalternativene for disse meldingene (se denne FAQ-siden for mer informasjon).

Popup-velkomstmelding (vises over chatikonet hvis den ikke er tom)

Hvis du lar velkomstmeldingen stå tom, viser vi ikke velkomstmeldingen over chatikonet.

Forhåndsdefinerte meldinger i chattevinduet

Du kan angi opptil tre typer forhåndsdefinerte meldinger i chattevinduet:

1. Første melding i chattevinduet – Dette er den innledende hilsenen som automatisk vises når kundene åpner chattevinduet for første gang. Bruk den til å ønske kundene velkommen og sette tonen for samtalen.

2. Opptil 4 startspørsmål – Dette er klikkbare forslag til spørsmål som vises i begynnelsen av chatten. De hjelper kundene i gang ved å tilby vanlige spørsmål de kan klikke på for å starte en samtale.

3. Plassholdermelding i inndatafeltet – Dette er hjelpeteksten som vises i chatteinndatafeltet før kundene begynner å skrive. Den gir veiledning om hva kundene kan spørre om, for eksempel «Spør meg om hva som helst 🤗» eller «Hvordan kan jeg hjelpe deg i dag?»

Se eksempelet på hver type forhåndsdefinert melding: