The Juicer Blog

How to Embed Instagram Feeds on Your Website

Blog Home

Pictures speak a thousand words. A thousand? How about close to 1 billion?

Instagram's 1 billion active monthly users are not only speaking but doing business and building networks through images and hashtags.

how to embed Instagram feeds on your website

Many Instagram users use the platform to build their brand, improve customer loyalty, collect social proof, and grow their business - treating their Instagram feed like an online magazine, with an editorial strategy to match. Your Instagram account features creative posts, thoughtful captions and (hopefully!) fantastic customer-generated content, but just because all of this information lives in Instagram doesn’t mean it has to stay there. In fact, why not get extra mileage out of the time and effort you're putting into creating beautiful feeds and embed Instagram feeds you’ve designed on your website?

Give your Instagram content legs with Juicer’s free Instagram aggregator.

Social media aggregators are fantastic tools that allow you to curate and display a feed of social media posts. That means you could collect all of your Instagram posts, a collection of Instagram posts from multiple accounts, or even all the posts that use a specific hashtag and combine them into a beautiful customizable embed Instagram feed. One of the most useful features of social media aggregator tools is that you can use them to aggregate posts from Instagram as well as posts from Facebook, Twitter, Pinterest, and more to combine the posts from all of these social networks into one uniform social feed.

What’s the Benefit of Embedding Instagram Feeds on a Website?

While you may have thousands of followers on Instagram, there are thousands more potential followers and customers visiting your website every day. When you embed Instagram feeds on your website, your visitors get a glimpse into your creative, social side as they browse your site. (And may be prompted to give your brand an IG follow, if they're not already!)

Embedded Instagram feeds on your website shouldn’t be limited to Instagram posts your brand shares to social media; the most successful embed Instagram feeds also utilize the existing user-generated content shared by fans and customers. The reason why including these posts in your Instagram feed can be so advantageous is that they give your brand, product, and services credibility and authenticity that your own branded social media posts wouldn’t be able to accomplish. Plus, these Instagram posts likely already exist so why not share them on an embedded Instagram feed on your website?

The idea of adding posts to your website’s public-facing Instagram feed might be a bit unnerving. “What if the posts contain content that could reflect badly on our brand?” You may be worried about spam content, profanity, disgruntled customer complaints, or incorrect information about your company or products. No need to worry! Juicer’s social media aggregator offers social media moderation tools to help you set up rules for the type of Instagram content that is permitted to appear on your embed Instagram feed. You can create parameters that restrict Instagram content containing certain words or posts shared by specific accounts and make additional rules that only allow posts containing a predetermined set of keywords. Juicer’s social media moderation tools make sure that your website’s embedded Instagram feed complements your brand’s image.

Plus, when you embed Instagram feeds on your websites, there are even more benefits; you can keep visitors on your web pages longer, provide authentic testimonials around products and services, and aesthetically improve your website, just to name a few. Depending on your Juicer plan, your embedded Instagram feed updates between 10 minutes to every 24 hours, so you always have fresh, new content on your website - without jumping through any extra hoops! - as you post new images to your Instagram account.

How Do I Put an Instagram Feed on My Website?

Let’s get down to business. How do you embed an Instagram feed on your website? Embedding an Instagram feed on your website is super easy with Juicer’s Instagram aggregator. With a simple code, embedding and managing your Instagram feed is all done through the Juicer dashboard.

The Juicer embedded Instagram feed can be added to any website including a WordPress website or a Shopify website. As long as you can access the backend code of the website, adding Juicer is simple and straightforward. To help walk you through adding Juicer’s Instagram feed to your website, we’ve put together these tips to guide you through the process in several different scenarios.

To add an Instagram feed to your website, follow these 3 simple steps:

To get started, the first step is to create a Juicer account by signing up for Juicer’s free social media aggregator tool and Instagram feed tool. Once you have an account set up, you’ll need to connect your Instagram account and any other social media accounts you want to include in your social media feed on your website.

embedding Instagram feeds source screen

Add Your Instagram Account to Your Embeddable Feed

embedding Instagram feeds source screen

Name your feed and then “Add Social Media Source” and choose the Instagram icon. Instagram will direct you to confirm your account and allow Juicer to access it. You will then need to enter in your Instagram account name to add Instagram to your embeddable social feed. Watch as Juicer automatically populates all of your recent posts into the Juicer dashboard!

Embed Your Juicer Code into Your Website

embedding Instagram feeds dashboard screen

On the panel located on the left-hand side of the dashboard, go to “Embed In Your Site” and click on your customized embed code. You can simply copy and paste it into your web pages.

Log into your site management console and embed the Juicer code into any page you like!

Juicer will automatically include the Instagram posts associated with your account on your Instagram feed, but if you want to include other Instagram posts using a specific hashtag or from other Instagram accounts, you can do so in your Juicer dashboard. Next, if you want to create any moderation rules for the posts that appear on your embedded Instagram feed, you can define those rules within your Juicer dashboard to ensure the posts you display only enhance your brand’s image.

Once you’re satisfied with the moderation settings and the posts included in your feed, you’re ready to go live. Seriously, adding an Instagram feed to your website is that easy!

How Do I Add an Instagram Feed to WordPress?

So glad you asked! For WordPress users, Juicer offers an Instagram Widget for WordPress with over 10,000 active installations and a stellar 4.5-star rating that will embed your Instagram feed for you. Check out Juicer’s WordPress Plugin and follow these super simple instructions that will walk you through the steps to easily embed an Instagram feed on your WordPress website.

Juicer’s WordPress plugin - embed Instagram feed on website

Instagram Widget Wordpress Installation Quick Guide

Download the Juicer Wordpress plugin zip file, unzip it, and upload it to your Wordpress site under the /wp-includes/plugins directory.

If you haven’t done so already, make sure you sign up to create a free social media feed with Juicer. Then, within your Juicer dashboard, specify the Instagram posts you want to pull into your Instagram feed and how you would like your moderation settings to be configured.

Once you’ve done that you can use the shortcode:
[juicer name='YOUR_FEED_NAME'] in any post or page

Edit embedded Instagram feed name prompt

To get your Juicer social media feed name:
- Login to your Juicer account
- Navigate to http://www.juicer.io/feeds
- Click “Edit” on the feed you wish to embed in your website
- You'll be directed to a URL like http://www.juicer.io/feeds/juicer
(Pro tip: The ‘juicer’ portion of the URL above will be replaced by your Instagram handle.)
- To use a shortcode for the embed feed try [juicer name='juicer']
- Verify that the name in the shortcode is your Instagram handle, just to be extra sure you're getting all your fabulous content in there correctly.

Alternately, you can add the feed to your template directly if you like using PHP. Here’s an example:
<?php juicer_feed('name=juicer'); ?>

Benefits of Adding an Instagram Feed to Your Website

As mentioned above, adding an Instagram feed to your website offers many benefits, let’s take a closer look at some of the main perks an embedded Instagram feed can offer your brand:

  • Easily gather your social media content from Instagram (and any other social network you want to display on your social feed), and you can select how you want to aggregate your feed’s social media posts: either by @username or #hashtag.
  • Set up moderation rules and filters to automatically eliminate unwanted social media content and duplicate posts.
  • Permalinks to each of your social media posts, optimized for SEO. (As of recently, Instagram also support adding img alt tags to your photos, which are also helpful for SEO.)
  • Responsive grid for dynamic layouts and customization so your social media feed seamlessly matches your brand’s style on your website.
  • Infinite scroll: load more content simply by scrolling … and scrolling … and scrolling.
  • Auto-approve all your user-generated content, or set up auto-moderation filters.
  • Custom CSS: Style it to fit your brand or site.
  • Analytics: Find out who uses your Wordpress social feed, and how they interact with it.
  • Juicer’s Instagram feed also gives you access to more than 15 more sources such as Facebook and Twitter. Add all of your favorite social media channels into one beautiful social media feed.

Which Juicer Plan Is Right for Me?

Juicer knows not everyone has the same needs when it comes to their Instagram feeds, that‘s why we’ve created a variety of options and packages to choose from. Both of our free and monthly paid options are no commitment, no contract. You can simply sign up and get started!

Small Plan (Free)
Juicer’s free plan is perfect for personal bloggers and individuals who only want to add 1 or two social media sources to their website feed. The Small plan allows you to add up to 2 sources to your feed (i.e. Instagram and Facebook) and pulls in new posts every 24 hours. With this plan, you also have access to templates and custom styling but Juicer branding is also displayed on your feed.

Medium Plan ($19/month)
Juicer’s Medium plan is designed for small businesses and bloggers who want to add multiple social sources to their website feed. With this plan, you can add up to 5 social media sources which are automatically updated every hour. The Medium plan comes with full content moderation and filter tools which allow you to manage and automatically set rules and filters for new content. Another great feature is there is no Juicer branding!

Large Plan ($99/month)
For larger businesses, agencies, and e-commerce sites, our Large plan allows up to 15 different social media integrations and 3 embeddable social media feeds. The Large plans updates every 15 minutes and includes full moderation/filter features in addition to analytics and analysis tools.

Juicer social media aggregator and embed Instagram feed pricing

Instagram Feed on Website Example

Don't take our word for it! Check out these happy Juicer customers who have used Juicer’s Instagram feed on their websites. We're not bragging (much!) but maybe you know some of these IG peeps?

Bon Jovi

 bon jovi social media and embed Instagram feed

OMag Insiders

O magazine embed Instagram feed on website

The Golden Globes

golden globes embed instagram hashtag feed on website

There is no denying that Instagram is a fantastic marketing tool, and by adding an Instagram feed to your website, you can truly maximize your efforts. Juicer’s Instagram feed is free to start and offers affordable options jam-packed with cool features. So what are you waiting for? Add an Instagram feed to your website today!