How to Embed an Instagram Feed on Your Website (2026 Guide)
Every working way to embed an Instagram feed on a website in 2026: single-post embeds, the Instagram Graph API after the Basic Display shutdown, hashtag feeds, and shoppable UGC galleries.
Embedding an Instagram feed used to be simple: grab a free widget, point it at your handle, done. Then Meta shut down the Basic Display API in December 2024, and half the free Instagram widgets on the internet quietly stopped updating. This guide covers what still works in 2026: single-post embeds, building on the Instagram Graph API, and UGC platforms that handle the API relationship for you.
In this article
Method 1: Embed a single Instagram post
Every public Instagram post has an embed code: open the post in a browser, click the three-dot menu, choose Embed, copy the HTML. The snippet is a <blockquote> plus Meta's embed script, and it renders the post with its caption, like count and a View on Instagram button.
This is the right tool for quoting one specific post inside an article or a press page. It is the wrong tool for a feed: each post needs its own snippet, nothing updates automatically, and Meta's embed script adds a few hundred milliseconds of load per post. Worth knowing: WordPress removed automatic Instagram embeds back in 2020 when Meta moved oEmbed behind an access token, so pasting a bare URL into most CMSes no longer converts into an embed.
Method 2: Build on the Instagram Graph API
The DIY landscape changed on 4 December 2024, when Meta retired the Instagram Basic Display API. That API powered most free "show my latest posts" widgets, and any tool still advertising it is showing cached content. The official replacement is the Instagram Graph API (now part of the Instagram API with Instagram Login), which requires a professional account: Business or Creator, not personal.
To build a feed with it you create a Meta developer app, connect your Instagram professional account, pass Meta's app review for the permissions you need, then call the user media endpoint and render the JSON yourself. Hashtag content is harder still: the hashtag search endpoint is limited to 30 unique hashtags per rolling 7-day window per account, and it does not return content from private accounts. Cache aggressively, because tokens expire and rate limits are per-account.
The honest assessment: for a development team this is one to two sprints including token refresh, review, and rendering. For a marketing team on Shopify or WordPress it is not a realistic route, which is why most brands use a platform that already holds the API relationship.
Method 3: A UGC platform (Idukki)
Idukki connects to Instagram through the approved Graph API and handles the app review, token refresh and rate limits on its side. You connect your Business or Creator account once, then build feeds from three kinds of source: your own posts, brand hashtags, and posts where customers tagged your account or products. See the Instagram widget for the layout and format options.
Everything runs through AI moderation before it reaches your site, so a hashtag feed cannot surface spam or off-brand content unreviewed. The feed updates automatically as new posts arrive.
What makes it shoppable: tag your product catalog to any post in the feed. Visitors see the photo or Reel, tap the product hotspot, and add to cart without leaving the page. The mechanics are covered in how to make Reels and TikToks shoppable on Shopify.
Hashtag feeds and Instagram walls
A hashtag feed pulls every public post using your campaign tag (#mytheater, #wearyouropinion) into one gallery, which is how brands run competition walls and community pages. An Instagram wall is the display format: a dense grid or masonry layout, often on a big screen at an event or a dedicated community page on the site.
The native Graph API supports hashtag search but with the 30-hashtag weekly cap and no moderation layer, so raw hashtag walls are risky: anyone can post anything to a public hashtag. A moderated pipeline (auto-filter, then approve) is the difference between a community wall and a liability. Idukki ships both the hashtag collection and the moderation queue, and the same gallery can mix hashtag content with your own posts and customer tags.
Embed on Shopify, WordPress or a custom site
Shopify: install the Idukki app from the App Store, connect Instagram, create a gallery, then add the gallery block in the Theme Editor. No code, and the widget loads asynchronously so it does not block rendering.
WordPress / WooCommerce: install the Idukki plugin, connect Instagram, place the gallery with a shortcode or block. This replaces the free-widget workflow that broke with Basic Display, with the difference that hashtag and tagged-content sources work too.
Custom and headless: one async script tag, or pull the feed as JSON over the REST API and render your own components. The payload includes media URLs, captions, author handles and product-tag data.
Performance: keep the feed off your critical path
Meta's embed script and unoptimised Instagram images are the two usual page-speed offenders. A grid of nine full-resolution images can add well over a megabyte to a page, and eagerly-loaded embed scripts delay Largest Contentful Paint. The mitigations are standard: lazy-load everything below the fold, serve resized thumbnails, and initialise players only on interaction. Idukki's widget does all three by default and adds under 1 KB of script to initial page weight; the background is in Core Web Vitals impact of UGC widgets.
Rights: customer posts are not free stock photography
A customer's Instagram photo belongs to the customer. Displaying it in a commercial context (a product page, an ad, a homepage gallery) needs their permission, and a hashtag entry alone does not grant it. Idukki's Rights Management sends the permission request as a comment on the original post, records the approval with a timestamp, and only then clears the content for commercial surfaces. The legal detail is in the UGC rights and permissions guide.
If you are weighing the DIY route, the Instagram Graph API glossary entry explains what the API actually grants, its rate limits and the app-review process before you commit engineering time. And for the platform with no native widget at all, the LinkedIn feed embed guide covers the workarounds.
Sources
- 1Idukki: how to make your Instagram feed shoppable · Seven steps, from connecting the account to counting orders.
- 2Meta: Instagram Basic Display API deprecation notice · Retirement of Basic Display, 4 December 2024
- 3Meta: Instagram Platform (Graph API) documentation · Professional-account requirement, hashtag search limits, app review
- 4Bazaarvoice Shopper Experience Index · Conversion lift from UGC interaction (representative range)
Continue reading
8 pieces in this clusterThese long-form pieces on the Idukki blog link back to this article, go deeper on the cluster.
- Embedding
How to make your Instagram feed shoppable on your own site
A shoppable Instagram feed puts your Instagram posts on your site, tagged with your products. Seven steps from connecting the account to counting orders, and how it differs from Instagram Shopping.
- Embedding
How to Embed Instagram Stories on Your Blog (The Honest Way)
Stories expire in 24 hours and Instagram's embed tools don't cover them. What actually works: capture with permission, display as a widget, and the API rules behind it.
- Strategy
A Brand's Guide to Saving and Reusing Your Own Instagram Stories
Your Stories are your content, and the 24-hour clock is the only thing standing between them and a second life on your site and in email. The archive settings, the Highlights strategy, and the shoppable-gallery repurposing route, all for content you already own.
- Strategy
How to Embed an Instagram Feed on BigCommerce (Step-by-Step)
How to put a shoppable Instagram feed on a BigCommerce store: connecting the store with a store-level API account, placing the embed with Page Builder's HTML widget (or Script Manager when that fits), what Instagram's API changes mean for your account, and how to fix the usual faults.
- Strategy
How to Embed an Instagram Feed on Shopify (Step-by-Step)
How to put a shoppable Instagram feed on a Shopify store with theme app blocks instead of pasted code: what Instagram's API changes mean for your account, which block to use on which template, how to keep it fast, and how to fix the usual install faults.
- Strategy
Instagram Highlights for Brands: Turn Your Profile into a Storefront Shelf
The six Highlights every commerce profile should run, how to feed them from your UGC pipeline, and the cover and naming details that make visitors tap.
- Strategy
How to Repost Customer Content on Instagram (Legally)
Reposting a customer's photo without permission is copyright infringement, tag or no tag. The clean permission flow, what counts as consent, and how to do it at scale.
- Buyer's guides
Social Media Aggregator Tools: What to Buy in 2026
Social media aggregators now split into four jobs: brand monitoring, community display, review aggregation, and shoppable UGC commerce. Pick the job before the demo.
More from Rohin Aggarwal
- Embedding
Inside the widget speed program: cutting our embed JS by two thirds
A UGC widget lives on someone else’s storefront, so every kilobyte is borrowed. Here is exactly what we cut, what we measured, and the new performance dashboard that shows what your shoppers’ browsers actually experienced.
- Embedding
How to Embed a TikTok Feed on Your Website (2026 Guide)
Step-by-step guide to embedding a live TikTok feed on any website or Shopify store. Covers native methods, third-party tools, and when a UGC platform beats both.
- Embedding
How to Embed a YouTube Feed on Your Website (2026 Guide)
Three ways to embed a YouTube feed on any website: native iframes for single videos, the YouTube Data API for channel feeds, and a UGC platform for shoppable feeds.