Het uiterlijk van Shoply AI Chat aanpassen
Shoply AI Chat en AI Search bieden meer dan 40 opties om het uiterlijk van de app aan te passen.
In dit gedeelte maak je kennis met de verschillende beschikbare aanpassingsopties voor je AI-chatbot. Je kunt het uiterlijk, het ontwerp van het chatvenster en de berichtgeving aanpassen aan je merk.
Klaar om te beginnen? Ga naar de pagina Customize AI Chat in de beheerconsole van onze app om je chat aan te passen. Zodra je Shoply AI Chat hebt ingeschakeld in de Shopify Theme Editor, verschijnt het chatpictogram rechtsonder op de webpagina van je winkel.
Chatpictogram kiezen
Een pictogram selecteren
Je kunt een chatpictogram kiezen uit onze 17 verschillende vooraf gedefinieerde pictogrammen of een afbeelding uploaden als je eigen chatpictogram.
Kleur en grootte van het chatpictogram
Primaire kleur
Dit is de belangrijkste themakleur en deze wordt ook gebruikt als tekstkleur voor markeringen in het chatvenster.
Als je een lichte modus op je website gebruikt, kies dan een niet-witte kleur als themakleur — zo blijft de gemarkeerde tekst leesbaar tegen de lichte achtergrond. Als je een donkere modus op je website gebruikt, kies dan een niet-zwarte kleur als themakleur.
Complementaire kleur
Dit is een complementaire kleur die samen met je primaire kleur kleurverlopen (vloeiende overgangen tussen twee kleuren) creëert voor het chatpictogram en de koptekst van het chatvenster. Hierdoor ziet het chatpictogram er aantrekkelijker uit en sluit het beter aan bij je merk.
Lijnkleur van het pictogram
Dit is de omtrekkleur van het chatpictogram.
De achtergrondkleur van het chatpictogram verwijderen.
Dit is vaak handig als je een afbeelding als chatpictogram uploadt en de achtergrondkleur (de primaire kleur) van het chatpictogram wilt verwijderen.
De schaduw van het chatpictogram verwijderen.
Met deze optie kun je het slagschaduweffect van het chatpictogram verwijderen voor een vlakker, minimalistischer ontwerp. Dit is vooral handig als je winkel een strakke, moderne uitstraling heeft of als je een aangepast pictogram hebt geüpload dat al een eigen schaduw- of diepte-effect bevat.
Zwevende pictogramgrootte voor desktop en mobiel.
Op mobiele apparaten wil je mogelijk een kleiner chatpictogram instellen om te voorkomen dat het zicht van de klant op het mobiele scherm wordt belemmerd.
Positie van het chatpictogram
Positie van het chatpictogram op desktop en mobiel.
Z-index van het chatpictogram:
Gebruik een hogere waarde als je wilt dat het pictogram vóór andere UI-elementen blijft staan.
Chatpictogram automatisch verbergen op mobiel
Verberg het chatpictogram op mobiele apparaten na een opgegeven aantal seconden.
Deze optie is alleen beschikbaar voor mobiele apparaten. Hiermee voorkom je dat het chatpictogram het zicht van de klant op het mobiele scherm belemmert.
Chatvenster aanpassen
Wanneer je op het chatpictogram van Shoply AI klikt, verschijnt het chatvenster. Klanten kunnen via dat chatvenster met Shoply AI communiceren.
In dit gedeelte maak je kennis met de verschillende beschikbare opties om het chatvenster aan te passen.
Kleurthema (donkere modus of lichte modus) van het chatvenster
Als je de donkere modus kiest, is de achtergrond van het chatvenster zwart en is de letterkleur wit. We raden aan de donkere modus te gebruiken als het thema van je winkel ook donker is.
Breedte van het chatvenster op desktop
Deze optie is alleen van toepassing op desktop. Op mobiel neemt het chatvenster altijd het volledige scherm in beslag.
Het merkimago en de achtergrondafbeelding selecteren
Je kunt je eigen merkimago en achtergrondafbeelding voor het chatvenster uploaden of Shoply AI deze afbeeldingen voor je laten genereren.
Als je de door AI gegenereerde afbeelding gebruikt, genereert Shoply AI de merkimago’s en achtergrondafbeeldingen op basis van de beschrijving van je winkel.
De transparantie en beeldverhoudingen van de achtergrondafbeelding voor het chatvenster aanpassen.
Achtergrondafbeeldingen in het chatvenster kunnen de tekst erboven onleesbaar maken. Daarom voegen we standaard een halftransparante laag toe boven de achtergrondafbeelding.
Het Shoply AI-logo in de invoerbalk verwijderen
Met deze optie kun je het Shoply AI-logo uit de chatinvoerbalk verwijderen voor een strakkere ervaring die sterker op je merk is afgestemd. Dit is vooral handig als je in je hele winkel een consistente merkidentiteit zonder logo’s van derden wilt behouden of als je de voorkeur geeft aan een minimalistischer ontwerp van de chatinterface.
Deze optie is alleen beschikbaar bij betaalde abonnementen.
Vooraf gedefinieerde berichten voor AI Chat
Je kunt ook standaardberichten instellen of bewerken die klanten begeleiden wanneer ze voor het eerst met je chatbot communiceren. Daarnaast kun je de vertaalopties voor die berichten configureren (zie deze FAQ-pagina voor meer informatie).
Welkomstbericht in een pop-up (wordt boven het chatpictogram weergegeven als het niet leeg is)
Als je het welkomstbericht leeg laat, tonen we het welkomstbericht niet boven het chatpictogram.
Vooraf gedefinieerde berichten in het chatvenster
Je kunt maximaal drie soorten vooraf gedefinieerde berichten instellen in het chatvenster:
-
Eerste bericht in het chatvenster - Dit is het eerste begroetingsbericht dat automatisch verschijnt wanneer klanten het chatvenster voor het eerst openen. Gebruik dit om klanten welkom te heten en de toon voor het gesprek te bepalen.
-
Maximaal 4 startvragen - Dit zijn aanklikbare vraagsuggesties die aan het begin van de chat worden weergegeven. Ze helpen klanten op weg door veelgestelde vragen aan te bieden waarop ze kunnen klikken om een gesprek te beginnen, zodat ze gemakkelijker kunnen starten.
-
Plaatshoudertekst van het invoerveld - Dit is de tekst die in het chatinvoerveld verschijnt voordat klanten beginnen te typen. De tekst geeft aan wat klanten kunnen vragen, zoals “Vraag me alles 🤗” of “Hoe kan ik je vandaag helpen?”
Bekijk het voorbeeld voor elk type vooraf gedefinieerd bericht:
