Widget Not Showing on My Site

    Troubleshoot why your FOMOchat widget is not appearing.

    If your FOMOchat widget isn't appearing, follow these steps.

    Quick Checks

    1. Is the Widget Active?

    Check that your widget toggle is set to active in the dashboard:

    • Go to your FOMOchat list
    • Ensure the toggle is ON
    • If you're in Preview Mode, the widget still shows to visitors (with branding)

    2. Is the Code Installed?

    Verify the embed code is on your page:

    1. Right-click your page
    2. Select "View Page Source"
    3. Search for "fomochat"
    4. Confirm script is present

    3. Is It the Right Page?

    Check visibility rules:

    • Does the widget show on this URL?
    • Are there page restrictions?
    • Check include/exclude patterns

    💡 Key Insight: The most common reason widgets don't show is that they're not set to active, or visibility rules are excluding the page.

    Common Issues

    Wrong Embed Code Position

    The code should be just before </body>:

        <script src="https://fomochat.lovable.app/widget.js?id=..."></script>
      </body>
    </html>
    

    If it's in <head>, move it to the bottom.

    Browser Cache

    Your browser might be caching an old version:

    1. Hard refresh: Ctrl+Shift+R (Cmd+Shift+R on Mac)
    2. Or clear browser cache
    3. Try incognito/private mode

    Ad Blockers

    Some ad blockers block widgets:

    1. Disable ad blocker temporarily
    2. Check if widget appears
    3. Whitelist your domain if needed

    JavaScript Errors

    Other scripts might cause conflicts:

    1. Open browser DevTools (F12)
    2. Check Console tab for errors
    3. Look for red error messages
    4. Fix any blocking errors

    SSL/HTTPS Issues

    Widget requires HTTPS:

    • Your site must use HTTPS
    • Mixed content can cause issues
    • Check for SSL certificate problems

    💡 Pro Tip: Always test in an incognito window with extensions disabled. This eliminates browser extensions and cache as potential causes.

    Visibility Rules

    Check if rules are blocking display:

    Page Rules

    • Specific pages only — Is this page included?
    • Exclude pattern — Is this page excluded?
    • URL must match exactly

    Device Rules

    • Desktop only?
    • Mobile only?
    • Test on the right device

    Testing Steps

    1. Open your site in Incognito mode
    2. Clear all caches
    3. Disable browser extensions
    4. Check DevTools for errors
    5. Verify embed code is present
    6. Confirm FOMOchat is active

    Still Not Working?

    Contact support with:

    • Your website URL
    • Browser and device info
    • Screenshot of DevTools console
    • Your FOMOchat ID

    Was this article helpful?

    Your feedback helps us improve our documentation.