4 min

👀 How to Add an Instagram Feed to Your Website (HTML + Simple Tools)

Instagram

Alba

Technical Writer

How to Add an Instagram Feed to Your Website (HTML + Simple Tools)

In this article

Bring your social content to your website.

Create beautiful social media and reviews widgets for your website.

Create your first widget

Adding an Instagram feed to your website is one of the fastest ways to make your page feel more dynamic, trustworthy, and visually alive. Whether you run a blog, an online store, a portfolio, or a corporate website, real Instagram content helps visitors connect with your brand instantly — far better than static banners ever could.
The good news: embedding Instagram on your site takes just a couple of minutes. No code, no complex integrations, no risks.

Here’s a simple, accurate guide.

💡 Why You Should Display an Instagram Feed

An embedded Instagram feed is much more than a block of images — it’s a living extension of your brand.

Automatically updated content

Every new Instagram post appears on your website without any manual effort.

2. Real social proof

Visitors see authentic activity, not staged visuals.

3. Higher engagement

Users spend more time on your site and more often visit your Instagram profil

4. Consistent brand identity

Your website and social presence start working together, strengthening one another.

🧩 How to Add an Instagram Feed Using the HTML/iFrame Method

One universal method works across nearly any CMS or website platform: inserting a ready-made iframe code generated by Mirror App.
This approach is clean, fast, and compatible with 99% of sites.

⚙️ How to Add a Full Instagram Feed Using Mirror App

► Step 1 — Create your Instagram widget in Mirror App

Inside your dashboard, you can:

connect your Instagram source,
customize the visual style,
control the number of posts,
select layouts (grid, masonry, slider, collage, etc.),
adjust spacing, padding, and colors.

Once the widget looks right, proceed to publishing.

► Step 2 — Click “Publish” and copy the generated iframe code

Mirror App automatically produces a lightweight, responsive iframe-embed.
This snippet contains everything needed for the widget to work.
Simply click “Copy Code” — no configuration required.

► Step 3 — Open the backend of your website

Go to the page or section where your HTML can be edited:

WordPress → Custom HTML block
Webflow → Embed
Shopify → Custom Liquid / HTML
Wix → Custom Embed
Squarespace → Code Block
Any raw HTML website → insert inside <body>

► Step 4 — Paste the code into the desired place

Mirror App’s instructions say:

Paste the copied code into the body section where you want to embed the widget

Place the iframe wherever you want your Instagram feed to appear:

bottom of the homepage,
about page,
product pages,
near testimonials,
blog footer,
site footer.

► Step 5 — Save changes

As soon as you save the page, your Instagram feed appears instantly — and continues updating automatically whenever you publish new posts.

💡 Tips for a Flawless Integration

✔ Keep it responsive

Check how your feed looks on mobile.

✔ Avoid overcrowding

Showing 6–9 posts ensures balance and cleanliness.

✔ Match your site’s style

Choose layouts and spacing that align with your brand identity.

✔ Place the feed where it adds value

It works best in high-context areas such as About, Testimonials, Footer, or Product pages.

✔ Use lightweight embeds

Mirror App’s iframe code loads quickly and won’t slow down your site.
An Instagram feed adds authenticity, movement, and emotional resonance to your website.
With Mirror App, embedding the feed becomes effortless:

Create a widget,
Copy the iframe code from the Publish Page,
Paste it into your site,
Save — done.

Your feed updates itself, looks polished, and works on any modern platform.

👉 Try Mirror App Today and Bring Real Social Content Directly to Your Website

Try It For Free

Do I need Instagram API access or permissions to embed the feed on my website?

No. Mirror App generates a fully functional iframe embed that doesn’t require API keys, tokens, Facebook Developers setup, or any technical configuration. Simply connect your Instagram account inside Mirror App, customize your widget, copy the code, and paste it into your site — the feed works instantly.

Will my Instagram feed update automatically when I publish new posts?

Yes. Mirror App automatically syncs your content — new posts, photos, and Reels appear in your widget without manual updates. However, the update frequency depends on your selected pricing plan: higher-tier plans refresh more often. You can check the update intervals here: https://mirror-app.com/pricing Your website always stays fresh and dynamic even if you never touch the code again.

Where is the best place on my website to display the Instagram feed?

Brands achieve the best engagement when placing the feed in high-context locations, such as: the homepage footer, the About page, product pages, testimonials or social proof sections, blog sidebar or footer. These areas make the feed feel like a natural part of your brand story rather than just a block of images.

Maddie M.

Plenty of visual customization — colors, spacing, fonts. I matched the widget perfectly to my portfolio site without writing CSS. It took me a few minutes to figure out where the shortcode goes in Elementor, but the help guide made it clear. Worth it for small businesses or freelancers who want control over design without extra plugins.

Jani

A good widget for different social networks. I used Instagram Feed Widget, and it worked well. The only downside is that the free plan offers a limited number of views. But that's why it's free, I guess.