Chat widget wordt niet getoond op de website – Mogelijke oorzaken en oplossingen

Als de chat widget niet zichtbaar is op je website na het plaatsen van de JavaScript-code, kan dit verschillende oorzaken hebben. In dit artikel bespreken we mogelijke redenen en hoe je deze kunt oplossen.

1. Niet alle stappen correct gevolgd

Controleer of je alle stappen uit dit Help Center-artikel hebt doorlopen. Een kleine fout bij het plaatsen van de code kan ervoor zorgen dat de widget niet wordt geladen.

Oplossing: Doorloop het artikel stap voor stap en controleer of de code correct is toegevoegd.

Iets wat bijvoorbeeld vaak vergeten wordt bij het plaatsen van de chat widget via Google Tag Manager, is het aanvinken van support document.write.

2. Code staat niet in de <head>-tag

De JavaScript-code moet in de <head>-sectie van je website staan. Als de code in de <body>-sectie of ergens anders is geplaatst, kan dit ervoor zorgen dat de widget niet correct wordt geladen.

Oplossing: Plaats de code binnen de <head>-tag van je website en sla de wijzigingen op.

3. Code staat in een iframe

Als de chat widget-code binnen een iframe is geplaatst, kan deze mogelijk niet correct worden geladen. Een iframe heeft zijn eigen geïsoleerde omgeving, waardoor de widget niet goed wordt weergegeven.

Oplossing: Plaats de code direct in de <head>-tag van de website en niet binnen een iframe.

Wil je de chatbot juiste embedded plaatsen in een iframe? Check dan dit artikel voor meer informatie. 

4. De code is aangepast

Als je wijzigingen hebt aangebracht in de originele JavaScript-code, kan dit ertoe leiden dat de widget niet correct werkt.

Oplossing: Gebruik de originele code zonder aanpassingen en plaats deze opnieuw op je website.

5. Instellingen chat widget: widget is verborgen

In de instellingen van de chat widget kun je kiezen of deze wordt weergegeven of verborgen op je website. Als de optie Verbergen op website is geselecteerd, wordt de widget niet getoond.

Oplossing:

  1. Ga naar de integraties.
  2. Controleer de instellingen onder Chat Widget tonen of verbergen.
  3. Selecteer Weergeven op website en sla de wijzigingen op.

6. Website-cache zorgt voor vertraging

Soms worden wijzigingen niet direct zichtbaar door caching, zowel in de browser als op de server.

Oplossing:

  • Leeg de cache van je browser en herlaad de pagina. Gebruik dit artikel voor hulp. 
  • Probeer een incognitovenster of een andere browser.
  • Als je een caching-plugin gebruikt (bijvoorbeeld in WordPress), wis dan de site-cache en probeer het opnieuw.

7. JavaScript wordt geblokkeerd door een adblocker of scriptblocker

Sommige adblockers of scriptblockers kunnen externe JavaScript-code blokkeren, waardoor de widget niet wordt geladen.

Oplossing: Schakel adblockers tijdelijk uit en test of de widget verschijnt.

8. Probeer de code zonder wijzigingen te plaatsen, op een lege pagina

Als de widget nog steeds niet wordt weergegeven, probeer dan de code zonder enige aanpassingen direct te plaatsen, op een lege pagina:

Oplossing:

  1. Voeg de originele code toe op een lege pagina.
  2. Controleer of de chat widget verschijnt.
  3. Als de widget hier wel verschijnt, ligt het probleem mogelijk bij een aanpassing of conflicterend script op de pagina waar je hem probeert te plaatsen.

Hulp nodig?

Heb je alles gecontroleerd en toont de chat widget nog steeds niet? Neem dan contact op met ons supportteam via support@watermelon.ai. We helpen je graag verder!