Looking for a quick and easy way to embed Instagram Stories on your website? You’ve come to the right place. In this guide, we’ll walk you through the exact steps to add Instagram Stories using Juicer, ensuring easy and fast integration for increased engagement for your audience.
Juicer.io is a social media aggregator platform that allows anyone to pull and display content from various social media platforms, including Instagram Stories, onto their websites.
It helps businesses and creators enhance their digital presence by embedding a live feed of their social media activities directly on their websites, increasing engagement and visibility, and improving SEO.
Before Getting Started
Here are a few things to have in mind as you curate your Instagram Stories into a beautiful social wall.
- You need an Instagram Business account linked to Facebook to embed IG stories with Juicer.io.
- Juicer connects to your Instagram Business account through your Facebook profile without ever seeing or storing your credentials.
- Juicer can only aggregate Instagram Stories from the last 24 hours. But once it fetches them, it stays on your social wall indefinitely.
How to Embed Instagram Stories with Juicer.io
Follow this step-by-step guide to pull and display your Instagram Stories on any website using Juicer’s Instagram aggregator.
1. Connect Your Instagram Account to Juicer.io
Step 1: Sign up for a free Juicer account, then log into your new account to access the Juicer dashboard.
![How to Embed Instagram Stories step 1](https://cssamsu.org/wp-content/uploads/2024/06/embed-instagram-stories-on-your-website-full-guide.png)
Step 2: Click the “new feed” button in the bottom-right corner of the page. Then, choose “Instagram” from the displayed icons.
![How to Embed Instagram Stories step 2](https://cssamsu.org/wp-content/uploads/2024/06/embed-instagram-stories-on-your-website-full-guide-1.png)
Step 3: Select “Stories” from the menu pop-up, then click “Connect Facebook and Add Source.” This will redirect you to Facebook’s login page.
![How to Embed Instagram Stories step 3](https://cssamsu.org/wp-content/uploads/2024/06/embed-instagram-stories-on-your-website-full-guide-2.png)
Step 4: Log into your Facebook account (it’s 100% secure).
![How to Embed Instagram Stories step 4](https://cssamsu.org/wp-content/uploads/2024/06/embed-instagram-stories-on-your-website-full-guide-3.png)
Step 5: Grant Juicer permission to access and pull data from the Instagram Business Pages connected to your Facebook account. Granting access takes you back to the pop-up menu.
![How to Embed Instagram Stories step 5](https://cssamsu.org/wp-content/uploads/2024/06/embed-instagram-stories-on-your-website-full-guide-4.png)
Step 6: Click the drop-down menu to choose the Instagram business account you want to add to your Juicer Instagram Stories Feed.
![How to Embed Instagram Stories step 6](https://cssamsu.org/wp-content/uploads/2024/06/embed-instagram-stories-on-your-website-full-guide-5.png)
If the drop-down menu doesn’t include the IG account you want to use, click on the “+” sign beside the drop-down bar to connect your Facebook account to Juicer again.
![How to Embed Instagram Stories step 6.2](https://cssamsu.org/wp-content/uploads/2024/06/embed-instagram-stories-on-your-website-full-guide-6.png)
You should now see all your Instagram Business Accounts. Select the one you want to use on your Juicer feed, then click “Add Source” to complete the setup.
![How to Embed Instagram Stories step 6.3](https://cssamsu.org/wp-content/uploads/2024/06/embed-instagram-stories-on-your-website-full-guide-7.png)
2. Embed Juicer’s Instagram Stories Feed into Your Website
Now that you’ve added your Instagram Stories to Juicer, the next step is embedding your Instagram Stories feed into your website.
Step 1: Click the “Embed in your Site” option from the left sidebar.
![Embed Juicer’s Instagram Stories Feed into Your Website Step 1](https://cssamsu.org/wp-content/uploads/2024/06/embed-instagram-stories-on-your-website-full-guide-8.png)
Step 2: Click the drop-down and select the type of website you’re using. There are three options here:
- WordPress Site
- Standard Website
- Iframe
![Embed Juicer’s Instagram Stories Feed into Your Website Step 2](https://cssamsu.org/wp-content/uploads/2024/06/embed-instagram-stories-on-your-website-full-guide-9.png)
A. Embed Instagram Stories Into Your WordPress Website
- Copy and paste the shortcode from the dashboard into your WordPress backend. You can also use the Juicer PHP function.
![Embed Instagram Stories Into Your WordPress Website](https://cssamsu.org/wp-content/uploads/2024/06/embed-instagram-stories-on-your-website-full-guide-10.png)
B. Embed Instagram Stories Feed Into Any Standard Website (e.g., HTML sites, Wix, Weebly, Shopify, or Custom)
- Select “Standard Website” from the website embed drop-down.
- Copy and paste the code into your website’s backend.
![Embed Instagram Stories Feed Into Any Standard Website (e.g., HTML sites, Wix, Weebly, Shopify, or Custom)](https://cssamsu.org/wp-content/uploads/2024/06/embed-instagram-stories-on-your-website-full-guide-11.png)
C. Embed Instagram Stories Feed as Website iFrame
- Select “iFrame” from the website embed drop-down.
- Copy the iFrame code snippet and paste it into your website.
P.S.: Only use this if the standard embed doesn’t work.
![Embed Instagram Stories Feed as Website iFrame](https://cssamsu.org/wp-content/uploads/2024/06/embed-instagram-stories-on-your-website-full-guide-12.png)
That’s it! You now have a beautiful Instagram Stories feed on your website to engage visitors further.
How to Get the Most Out of Your Embedded Instagram Stories Feed
Use Juicer’s moderation and customization tools to create a professional Instagram Stories Feed that matches your brand identity.
Customize Your Instagram Stories Social Wall Design
1. Click the “Feed Design” option from the left sidebar.
![Customize Your Instagram Stories Social Wall Design Step 1](https://cssamsu.org/wp-content/uploads/2024/06/embed-instagram-stories-on-your-website-full-guide-13.png)
2. Now, you should see several customization features. Start by choosing a Juicer feed theme from one of the nine available options. Then, change your feed color and text, add a background, and more. You can also use Juicer and CSS to customize your feed further to match your brand’s visual identity.
![Customize Your Instagram Stories Social Wall Design Step 2](https://cssamsu.org/wp-content/uploads/2024/06/embed-instagram-stories-on-your-website-full-guide-14.png)
Moderate Your Instagram Stories Feed
1. Click the “Moderate and Filter” option from the left sidebar
![Moderate Your Instagram Stories Feed Step 1](https://cssamsu.org/wp-content/uploads/2024/06/embed-instagram-stories-on-your-website-full-guide-15.png)
2. Here, you can (dis)allow posts with specific words, prevent duplicate posts, and set up manual approval for every Instagram Story before adding them to your feed. Learn more about Juicer’s filtering and moderation tools.
![Moderate Your Instagram Stories Feed Step 2](https://cssamsu.org/wp-content/uploads/2024/06/embed-instagram-stories-on-your-website-full-guide-16.png)
Why Use Juicer To Embed Instagram Stories?
Here’s why top businesses and creators use Juicer’s social media aggregator tool to embed Instagram Stories on their websites:
- Fast and easy to use: Embedding Instagram Stories with Juicer is fast, straightforward, and really easy. You don’t need any coding skills to do it, and your feed will be up and running in no time.
- Social media feed analytics: Juicer shows how people are engaging with your Instagram stories and any other embedded content. It allows you to track top-performing posts and refine your social media strategy easily.
- Better SEO: Juicer uses beautifully structured permalinks for every embedded Instagram Story so you can appeal to search engines and your target audience. This makes it easier to create high-ranking pages for your website.
- Cross-Promotion and Increased Visibility: Promote your Instagram account and showcase your Stories to a broader audience directly from your website.
Ready to try things out for yourself? Get started with a free Juicer account.
Embed Instagram Stories on Website FAQs
Find answers to common questions about Instagram Stories embedding.
1. What Is “Instagram Stories”?
Instagram Stories is a feature that lets users post photos and videos that disappear after 24 hours. Launched by Instagram in 2016, it allows for more spontaneous and engaging content with added text, filters, and interactive elements. Stories are particularly popular for daily updates and connect with audiences informally, appearing at the top of the Instagram feed.
2. What Are the Benefits of Embedding Instagram Stories on Your Website?
Embedding Instagram Stories on your website boosts engagement, keeps content fresh, and enhances storytelling. It connects your social media presence with your site, increasing your brand’s appeal and followers. On top of that, it serves as social proof, potentially improving SEO and conversion rates.
3. Can I Embed Instagram Stories on my Website?
Yes, with Juicer’s Instagram Stories aggregator. Juicer is fast and easy to use, allowing you to create and display a professional Instagram Stories feed in minutes.
4. How Do I Embed an Instagram Feed into my HTML Website?
Juicer’s Instagram aggregator allows you to embed posts, stories, and reels from IG into your website. All you have to do is sign up for a free Juicer account, add your Instagram account, and copy and paste the embed code into your website’s HTML.
5. Can I Embed Instagram Feed With Juicer?
Yes! Juicer’s Instagram aggregator makes it easy to pull and display Instagram posts and hashtags as a beautiful social wall on your website. Check out our guide on how to embed an Instagram feed that covers everything!