"jQuery, or not jQuery, that is the question—
Whether 'tis nobler in the browser to suffer
The slings and arrows of outrageous callbacks
Or to take arms against a sea of selectors,
And by Alpine.js end them."
— William Shakespeare.js
If Juicer is interfering with your website's functionality—broken navigation menus, misbehaving carousels, JavaScript errors—the cause is almost always a jQuery version conflict between your site and the Juicer embed. The fixes below are ordered from cleanest to most code-heavy.
⚠️ After making any of these changes, clear your browser cache (or test in an incognito window) before deciding whether the conflict is resolved.
Switch to a Feeds 2.0 design (recommended)
The cleanest fix is to switch to one of our newer feed designs. Feeds 2.0 uses Alpine.js instead of jQuery, so there's no version conflict with your site's jQuery at all.
Open your feed's dashboard.
Click ⚡️ Switch to new feed in the top navigation.
Pick a template and customize the look and behavior of your feed.
When you're happy with the preview, click Apply new design.
✅ This is the recommended approach. No code changes, and you get access to our latest, most modern feed designs.
Use the no-jQuery embed
If you want to keep your current legacy design, swap the standard Juicer script for the no-jQuery version, which uses your website's existing jQuery instead of loading Juicer's:
<script src="//assets.juicer.io/embed-no-jquery.js" type="text/javascript"></script>
Load a custom jQuery version
If your site doesn't have jQuery at all, you can load a recent version before the Juicer embed:
<script src="https://code.jquery.com/jquery-3.7.1.min.js" integrity="sha256-/JqT3SQfawRcv/BIHPThkBvs0OEvtFFmqPF/lYI/Cxo=" crossorigin="anonymous"></script>
<script type="text/javascript" src="https://www.juicer.io/embed/YOUR-FEED-ID/embed-code.js?nojquery=true" async defer></script>
⚠️ Note: Replace YOUR-FEED-ID with your actual feed ID, visible in your Embed dialog.
Use the iframe embed
Open your feed's dashboard and click the Embed button in the top navigation. The iframe option is in that dialog; pasting its snippet into your site fully isolates Juicer from your site's JavaScript, so neither can interfere with the other.
⚠️ Feed embedded via iframe is not responsive by default and loses the post overlay feature. If you need responsive sizing, see Auto-resizing Juicer iframes to fit content.
WordPress users
If your site runs on WordPress, the cleanest path is the official Juicer WordPress plugin, which handles the embed for you and avoids most jQuery quirks. See Installing Juicer on a WordPress site for setup.
Drupal users
Drupal 10 and 11 sites can use the official Juicer Social Feed module from drupal.org, which renders your feed as a configurable block with no code changes. See How to add Juicer to a Drupal site for setup.
Still seeing something break?
If you've tried the options above and the embed is still interfering with your site, the issue may be a CSS collision rather than a JavaScript conflict—a global style on your site bleeding into the Juicer widget, or vice versa. Send us a link to the affected page and we'll take a look; you can contact us from your dashboard or via the form on our website.