You’ve installed your chatbot code, but the widget is nowhere to be seen on your website. This is a common issue that is usually easy to fix. This guide covers the most frequent reasons why your bot might not be appearing.
1. Caching Issues
By far the most common reason is caching. Your browser, your website server, or a caching plugin might be showing you an old, saved version of your site from before you added the code.
How to Fix:
- Clear Your Browser Cache: First, try clearing your browser’s cache and reloading the page.
- Use an Incognito/Private Window: Open your website in an incognito or private browser window. This bypasses the browser cache and shows you the most current version of your site.
- Clear Your Website Cache: If you use a caching plugin on your website (like W3 Total Cache or WP Rocket on WordPress), go to the plugin’s settings and clear the site cache.
If the bot appears in an incognito window, you’ve confirmed it’s a caching issue.
2. Incorrect Code Placement
The embed code must be placed right before the closing </body> tag in your website’s HTML. If it’s placed anywhere else, it may not load correctly.
How to Fix:
- Go back to the file where you pasted the code (e.g.,
footer.phpin WordPress ortheme.liquidin Shopify). - Confirm that the code is on the line directly above
</body>. - Ensure you copied the entire code snippet, without any accidental deletions or additions.
screenshot_here (Correct placement of the embed code right before the </body> tag)
3. Multiple Installations of the Code
Having the embed code installed more than once on the same page can cause conflicts that prevent the bot from loading.
How to Fix:
- Search your theme files (especially
header.phpandfooter.php) to make sure the code only exists in one place. - If you used a plugin or header/footer script injector, check that you haven’t also added the code manually to your theme files.
4. Conflicts with Other Scripts
In rare cases, another JavaScript file on your website might conflict with the chatbot script. This can be harder to diagnose.
How to Fix:
- Use your browser’s Developer Tools (you can usually open this by pressing F12 or right-clicking the page and selecting “Inspect”).
- Click on the Console tab.
- Look for any red error messages that appear when you load the page. If you see errors related to JavaScript, it might indicate a conflict.
screenshot_here (Browser developer tools console showing a JavaScript error)
If you see errors and are not sure how to fix them, please take a screenshot of the console and send it to our support team. We’ll be happy to help! 🎉
