Webflow guide
Add an Instagram feed to Webflow
Drop a live Instagram feed into any Webflow page with a single Code Embed element — free to start, no plugins or custom code to maintain. The feed syncs automatically as you post, and images are proxied through Simpleembed so they never expire the way raw Instagram CDN links do.
1Get your Simpleembed feed ID
Create a free Simpleembed account and connect your Instagram account — it needs to be a Business or Creator account (switching a personal account is free and takes a minute in the Instagram app). Create a feed, then open Embed code in the dashboard and copy the snippet. It comes pre-filled with your feed ID:
<script src="https://simpleembed.com/embed.js" data-feed-id="YOUR_FEED_ID" async></script>2Add a Code Embed element in the Designer
Open your project in the Webflow Designer and go to the page where the feed should live. Open the Add Elements panel (the plus icon, or press A), search for Embed, and drag the Code Embed element into your layout where you want the feed to appear.
Note: Code Embed requires a paid Site plan or a paid Workspace — it is not available on free Starter sites.
3Paste the snippet and save
The code editor opens as soon as you drop the element. Paste the Simpleembed snippet, then click Save & Close. The element shows a placeholder in the canvas — that is expected, because Webflow does not run custom code inside the Designer.
4Publish your site
Click Publish and view the live page. Custom code only renders on the published site, not in the Designer or its preview mode, so this is the first place you will see the feed. It sizes itself to the width of its parent element and adjusts its own height automatically.
Customize it
Layout (grid or carousel), columns, spacing, captions, and hover effects are all controlled from the Simpleembed dashboard. Change a setting there and every embed updates automatically — you never need to touch the Webflow element or re-publish just to restyle the feed.
Frequently asked questions
- Why doesn't the feed show up in the Webflow Designer?
- Webflow does not run custom code inside the Designer canvas or its preview mode. The Code Embed element shows a placeholder while you design; the feed renders once you publish the site. Publish to your webflow.io staging domain to see it live.
- Do I need a paid Webflow plan?
- Webflow's Code Embed element requires a paid Site plan or a paid Workspace (Core, Growth, Freelancer, or Agency). It is not available on free Starter sites, so you will need one of those to add the snippet.
- Will images break when Instagram links expire?
- No. Instagram's own CDN links expire after a few days, which is why naive embeds show broken images. Simpleembed proxies and caches every image behind a stable URL, so your feed keeps rendering indefinitely.
- Does it slow my Webflow site down?
- No. The loader script is tiny and loads with the async attribute, so it never blocks your page. The feed renders in its own iframe with lazy-loaded, CDN-cached images.
- Is it free?
- Yes — one Instagram source and one feed are free forever, with a small Simpleembed watermark on the feed. The $7/month plan removes the watermark and unlocks unlimited feeds and sources.
Get your feed ID in about two minutes
Create a free Simpleembed account, connect your Instagram Business or Creator account, and copy your embed snippet. One source and one feed are free forever; $7/month unlocks unlimited feeds, sources, and views.
Start free