In Tidio kun je de widgetpositie tussen de rechter- en linkerkant van je Tidio-beheerinterface wijzigen. Als je de widget iets hoger of lager wilt weergeven en verplaatsen, kan dit door aangepaste CSS-code toe te passen die we in dit artikel uitleggen.
Houd er rekening mee dat er verschillende opties zijn voor verschillende versies van uw widget in Tidio: de desktopversie, de mobiele versie en de zijbalk.
In dit artikel leer je:
Horizontale positie (links/rechts)
U kunt de links/rechts-positie van de chatwidget op het bureaublad wijzigen door naar het instellingengedeelte te gaan> livechat> Weergave in uw Tidio-beheerinterface, waar u de optie voor het plaatsen van widgets kunt vinden (op het tabblad Uiterlijk ):
Tip: Als u wilt dat de widget alleen op bepaalde tijden van de dag op een bepaalde pagina verschijnt, kunt u de positiewijziging combineren met een JavaScript-script dat de tijd controleert en de CSS dienovereenkomstig bijwerkt.
Verticale positie (hoog/laag)
Aangepaste CSS-code-implementatie is vereist als u onze chatpictogrammen iets hoger of lager wilt verplaatsen. Door de code toe te passen, kunt u de chatwidget met een aangepast aantal spaties verplaatsen.
Als u niet zeker weet waar u de code moet plaatsen of niet zeker weet waar u de codebron moet openen, raden wij u aan contact op te nemen met uw webontwikkelaar om u te helpen bij de implementatie.
Hoe CSS-code te gebruiken
Om de widget te verplaatsen, voegt u de onderstaande code toe aan de sitekop, net boven een tag< /hoofd> de beugel
De eerste regel #tidio-chat iframe activeert de plaatsing van de widget op zowel desktop als mobiele apparaten.
De tweede en derde regel maken het mogelijk de widget alleen op mobiele apparaten te verplaatsen (ze omzeilen de eerste regel) en maken het ook mogelijk om de beoogde schermgrootte op te geven. Als je de widget alleen voor mobiele apparaten wilt verplaatsen, verander dan alleen deze regels – of kijk naar de bovenstaande code – als je de chat alleen naar het bureaublad wilt verplaatsen.
De offsetwaarde wordt weergegeven door ‘px’ .
De bewegingsrichting wordt gedefinieerd door de eerste waarde tussen haakjes { }:
top – betekent ‘ver van de top’
bodem – betekent ‘ver van de bodem’
links – betekent ‘ver van de linkerkant’
rechts – betekent ‘ver van de rechterkant’
Als u een negatieve px-waarde gebruikt (bijvoorbeeld door deze in te stellen op -100px), wordt deze in de tegenovergestelde richting verplaatst, dus als u bottom: -100px in de code typt, wordt de chat 100px naar beneden verplaatst op de site.
Een praktisch voorbeeld: als u bovenaan de site een reclamebanner heeft, kunt u CSS gebruiken om de widget naar beneden te verplaatsen, zodat deze de banner niet verbergt.
Extra maatwerk
Naast het wijzigen van de locatie van de widget, zijn er nog andere opties om de Tidio-widget aan te passen. Deze opties omvatten:
- Kleuren wijzigen: u kunt de kleuren van de widget wijzigen, zodat deze bij het algehele ontwerp van uw website passen.
- Formaat wijzigen: u kunt het formaat van de widget aanpassen, zodat deze past op de plek waar u deze plaatst.
- Een logo toevoegen: U kunt uw persoonlijke logo aan de widget toevoegen om uw merk te versterken.
- Welkomstberichten instellen: u kunt aangepaste welkomstberichten instellen die door de gebruikers worden ontvangen wanneer ze de widget openen.
veranderende kleuren
Om de widgetkleuren te wijzigen, ga naar het gedeelte Instellingen> livechat> Wordt weergegeven in uw beheerdersinterface. Daar kunt u verschillende kleuren kiezen voor de achtergrond, tekst en knoppen van de widget.
Formaat wijzigen
Het wijzigen van de grootte van de widget gebeurt ook in dezelfde sectie. U kunt de hoogte en breedte van de widget instellen, zodat deze past op de plek waar u deze wilt plaatsen.
Een logo toevoegen
Om een logo toe te voegen, zoek je naar de optie om een logo toe te voegen in de Tidio-beheerinterface. Upload uw logo en sla de wijzigingen op.
Welkomstberichten instellen
Om welkomstberichten te configureren, gaat u naar het gedeelte Instellingen> livechat> Meldingen in uw beheerdersinterface. Daar kunt u gepersonaliseerde berichten toevoegen die door de gebruikers kunnen worden ontvangen.
Samenvatting
Het herpositioneren en aanpassen van de Tidio-widget is een eenvoudig proces dat de gebruikerservaring op uw website kan verbeteren. Door de instructies in dit artikel te volgen, kunt u de widget aanpassen aan uw behoeften en de behoeften van uw gebruikers.
Als u nog vragen heeft of verdere hulp nodig heeft, aarzel dan niet om contact op te nemen met Tidio-ondersteuning of een professionele webontwikkelaar.