How to Embed Instagram Feed on Website (No-Code, Fast)
Step-by-step guide to embed an Instagram feed on your website using a no-code widget. Choose a layout, publish, then paste the snippet into Webflow, Shopify, WordPress, or HTML.
Choose the right source mode
Most Instagram feed embeds start in one of two modes:
- Connected account (recommended): connect a professional account in the editor.
- Public hashtag: show recent/top posts for a hashtag (when supported).
In both cases, GizmoSauce serves content from its API so customer sites don’t call Meta APIs directly.
Step-by-step: embed your Instagram feed
- Open the editor: /get-widget/instagram-feed
- Connect your account (or choose a public hashtag mode).
- Pick a layout (grid/masonry/carousel) and configure click behavior (Instagram vs lightbox).
- Click Save & Get Code and copy the embed snippet.
- Paste the snippet into your website and publish.
Where to paste the embed code
- WordPress: Custom HTML block (or Elementor HTML widget).
- Webflow: Embed element; verify on a published staging URL.
- Shopify: Custom Liquid section or theme template.
- Plain HTML: paste near the end of the page (before
</body>).
If you don’t see the feed in a builder preview, publish first—many editors sandbox scripts.
Make it look native (and stay fast)
- Use consistent aspect ratios for clean grids.
- Lazy-load media and avoid autoplay video in-grid.
- Keep captions short or move full text into a lightbox.
- Test desktop + mobile preview to ensure tap targets and spacing feel right.
FAQ
Can I embed an Instagram feed for free?
Yes—you can start on the free plan and publish a widget to test it on your website.
Will embedding an Instagram feed slow down my site?
It shouldn’t. Prefer a widget that lazy-loads and uses cached media rather than loading heavy third-party embeds on every page.
Can I show reels and carousels?
Yes—good Instagram widgets support images, reels, and carousel posts. Choose a layout that handles mixed media cleanly.