If the chat widget is not visible on your website after adding the JavaScript code, there could be several reasons why. This article outlines possible causes and how to resolve them.
1. Not all steps followed correctly
Ensure you have completed all the steps in this Help Center article. A small mistake in placing the code can prevent the widget from loading.
Solution: Go through the article step by step and verify that the code has been added correctly.
For example, something that is often forgotten when placing the chat widget via Google Tag Manager is enabling support document.write.
2. Code is not in the <head> tag
The JavaScript code must be placed inside the <head> section of your website. If the code is placed in the <body> section or elsewhere, the widget may not load properly.
Solution: Place the code within the <head> tag of your website and save the changes.
3. Code is inside an Iframe
If the chat widget code is placed within an iframe, it may not load correctly. An iframe operates in an isolated environment, which can prevent the widget from displaying properly.
Solution: Place the code directly in the <head> tag of the website and not inside an iframe.
Do you want to embed the chatbot correctly in an iframe? Check out this article for more information.
4. The code has been modified
If you have made changes to the original JavaScript code, this could cause the widget to malfunction.
Solution: Use the original code without modifications and place it on your website again.
5. Chat Widget settings: widget is hidden
In the chat widget settings, you can choose whether to display or hide the widget on your website. If Hide on website is selected, the widget will not be visible.
Solution:
- Go to integrations.
- Check the settings under Show or hide Chat Widget.
- Select Show on website and save the changes.
6. Website cache is causing delays
Sometimes, changes do not appear immediately due to caching, either in the browser or on the server.
Solution:
- Clear your browser cache and reload the page. Use this article for help.
- Try opening the website in an incognito window or a different browser.
- If you use a caching plugin (e.g., in WordPress), clear the site cache and test again.
7. JavaScript is blocked by an adblocker or script blocker
Some adblockers or script blockers may block external JavaScript code, preventing the widget from loading.
Solution: Temporarily disable adblockers and test whether the widget appears. If users report issues, ask them to check their browser extensions.
8. Try placing the code on a blank page
If the widget is still not displaying, try placing the code without any modifications on a blank page:
Solution:
- Add the original code to a blank page.
- Check if the chat widget appears.
- If the widget appears here but not on your main website, the issue may be caused by a modification or conflicting script on the page where you’re trying to add it.
Need help?
Have you checked everything, but the chat widget is still not showing? Contact our support team at support@watermelon.ai. We’re happy to assist you!