There are several ways of embedding your Juicer feed into a website.
The steps to take depend on the platform you use.
We can distinguish these embedding approaches:
❗ Please note that all the embed source code is waiting for you in your feed's side menu, under the “Embed in your Site” option.
Do not directly copy the code shown below without replacing
YOUR-JUICER-FEED-NAME with your own feed name.
1. Standard website
This is the code you need to copy and paste into your site to show your Juicer feed:
<link href="https://assets.juicer.io/embed.css" media="all" rel="stylesheet" type="text/css" />
<ul class="juicer-feed" data-feed-id="
We have a longer article on Juicer WordPress Plugin installation at Installing Juicer on a WordPress site.
If you are using a WordPress site, first install our plugin, then use this shortcode on any page or post:
Or, if you'd rather integrate it into your WordPress template, paste this into one of your template files:
That's it! Once you've got it embedded, you shouldn't have to touch it.
In case that neither of the two previous options is acceptable for you, you can embed the feed using an iframe.
YOUR-JUICER-FEED-NAME/iframe' frameborder='0' width='1000' height='1000' style='display:block;margin:0 auto;'></iframe>
⚠️ Please note that feeds embedded via iframe do not support overlays, as they cannot be controlled within the frame, and they cannot be displayed outside the iframe.
If you have any questions or need any help, please email us at firstname.lastname@example.org.