Basic Checks
- Verify correct embed code placement
- Check page source code for Juicer code presence
- Review JavaScript console for error messages
Finding Your Embed Code
- Access Juicer dashboard
- Look for "Embed" button in the top-left corner of your feed dashboard
- For WordPress users: You can install and activate the WordPress plugin, although this is an optional step
Local Development Solutions
When developing locally, Juicer may not load properly. Use one of these solutions:
- Run a local server (example setup)
- Modify embed code to use explicit HTTP: from
to:<script src="//assets.juicer.io/embed.js" type="text/javascript"></script><link href="//assets.juicer.io/embed.css" media="all" rel="stylesheet" type="text/css" /><ul class="juicer-feed" data-feed-id="YOUR_FEED_NAME"><h1 class="referral"><a href="<http://www.juicer.io>">Powered by Juicer</a></h1></ul>
⚠️ Note: This approach may cause issues with HTTPS (SSL) sites after deployment.<script src="<http://assets.juicer.io/embed.js>" type="text/javascript"></script><link href="<http://assets.juicer.io/embed.css>" media="all" rel="stylesheet" type="text/css" /><ul class="juicer-feed" data-feed-id="YOUR_FEED_NAME"><h1 class="referral"><a href="<http://www.juicer.io>">Powered by Juicer</a></h1></ul>
Single Page Application Support
For single page applications (including Magento/Adobe Commerce and SharePoint), where document.ready
might not fire:
- Replace standard JavaScript with the AMD version:
<script src="//assets.juicer.io/embed-amd.js" type="text/javascript"></script>
- Manually control feed visibility:
- Show feed:
Juicer.initialize()
- Hide feed:
Juicer.remove()
- Learn more about RequireJS implementation
- Show feed:
Last Resort: iframe Implementation
If other solutions fail:
- Access Juicer dashboard, then the feed you’re embedding
- Click on "Embed" button in the top left corner
- Copy iframe version of embed code
Need Help?
If you have any questions or need any help please email us at hello@juicer.io.