How to add an Instagram feed to your website

WordPress, Wix, Squarespace, Shopify, Webflow, Framer, Google Sites or plain HTML.

Connect your Instagram account to Embedra, pick a look, and paste one line of code into your website builder. The line is the same on every platform, and the feed updates by itself after that. You need an Instagram professional account, Business or Creator, and no Facebook Page.

Build your feed

See the live feed →

How to embed an Instagram feed on any website

Four steps, and only the last one changes from platform to platform.

Every option on the feed page →

Connect Instagram

Pick a look

Grid, Carousel, Masonry, Marquee, Dual marquee or Profile Card, in your colours.

Copy your code

Click the Embed pill, then Copy code. The one line already carries your widget's ID.

Paste it into your site

Where the feed should appear. Your platform's steps are below.

Your Instagram account must be a professional one, Business or Creator: Instagram's API for websites does not work with personal accounts. No Facebook Page is needed.

Where the code goes on each platform

Every builder has a box for code. This is its name on each one. Pick yours and jump to the steps.

All install guides →

WordPress

A Custom HTML block

No plugin. WordPress's own block takes the line as it is.

Steps →

Wix

Embed HTML

Under Add Elements, Embed Code.

Steps →

Squarespace

A Code block

Mode on HTML, Display Source Code off.

Steps →

Shopify

A Custom Liquid section

In the theme editor, under Template.

Steps →

Webflow

A Code Embed

Under Advanced in the Add panel.

Steps →

Framer

An Embed, Type set to HTML

From Insert, under Utility.

Steps →

Google Sites

Insert, Embed, then Embed code

Leave Allowed domains empty.

Steps →

Plain HTML

Inside <body>

Where the feed should show.

Steps →

←→

Design it like it belongs there.

Try the controls below: switch the layout, the columns, the shape and the theme. This is the real feed from Embedra's own Instagram account.

How to add an Instagram feed to WordPress

Use a Custom HTML block. No plugin needed.

The full WordPress guide →

Add a Custom HTML block

Open the page, click the blue + at the top left, type html and click Custom HTML.

Paste into the HTML tab

Click Edit HTML, paste your code into the HTML tab (not the JavaScript tab) and click Update.

Save the page

Click Save at the top right, or Publish if the page is new.

Using a caching plugin?

If the feed only shows when you are logged in, clear the cache. If it appears late, add embedra to the plugin's Delay JavaScript exclusions.

WordPress block editor with the Embedra line pasted into a Custom HTML block's HTML tab

WordPress's own block takes the line of code as it is, so there is no Instagram plugin to install or keep updated. Only Administrators and Editors may save code, so log in as one. On older WordPress (6.x), paste straight into the box on the block.

How to add an Instagram feed to Wix

Use Embed HTML, and leave Allowed domains empty.

The full Wix guide →

Add Embed HTML

In the Wix Editor, click Add Elements, then Embed Code, then Embed HTML.

Paste your code

Click Enter Code, choose Code (not Website address), paste your code and click Apply.

Make it tall enough

Drag the box taller until the whole feed fits, then Publish.

Wix Editor's Embed HTML box with Code chosen and the Embedra line pasted in

Wix runs Embed HTML inside its own frame, on a Wix address rather than your domain, so a widget locked to your domain is turned away there. In Wix Studio the same box is under Add Elements, Embed & Social.

How to add an Instagram feed to Squarespace

Use a Code block.

The full Squarespace guide →

Add a Code block

Open the page, click Edit, then Add Block, and choose Code.

Paste your code

Click the pencil on the block, keep Mode on HTML, leave Display Source Code off and paste. Click Save, then Exit.

Check it as a visitor

Open your live page in a private window to see the feed.

Squarespace page editor with the Embedra line pasted into a Code block

Code blocks need a Core, Plus or Advanced plan, and also work on Business and Commerce plans. While you are logged in, Squarespace shows EMBEDDED SCRIPTS in place of the feed. That is normal.

How to add an Instagram feed to Shopify

Use a Custom Liquid section in the theme editor.

The full Shopify guide →

Open the theme editor

In Shopify admin, open Online Store and click Edit theme. Pick the page from the menu at the top.

Add a Custom Liquid section

Under Template, click Add section, search Custom Liquid and click it.

Paste and save

Paste your code into the Liquid code box and click Save.

Shopify theme editor with the Embedra line pasted into a Custom Liquid section

The section appears on every page that uses the same template, such as every product page. For one page only, make a separate template first. If the feed looks squeezed, drag the section out so it is a full-width section of its own.

How to add an Instagram feed to Webflow

Use a Code Embed.

The full Webflow guide →

Drag in a Code Embed

Open the page in the Designer, click + on the left (or press A) and, under Advanced, drag Code Embed onto the page.

Paste and save

Paste your code into the Code Embed Editor and click Save & Close.

Publish

Click Publish at the top right. If the feed looks cut off, set the block around it to Auto height.

Webflow Designer's Code Embed editor with the Embedra line pasted in

Webflow never runs code inside the Designer, so you see a grey box there. Publish, then open your live site or your .webflow.io address to see the feed.

How to add an Instagram feed to Framer

Use an Embed set to HTML.

The full Framer guide →

Insert an Embed

Click + (Insert) at the top left, open Utility and drag Embed onto the page.

Switch Type to HTML

Under Embed on the right, switch Type from URL to HTML and paste your code.

Size it and publish

Set the width to Fill and give it enough height that no scrollbar shows, then Publish.

Framer's Embed panel with Type switched to HTML and the Embedra line pasted in

Framer only runs code on the published site, not in the editor, so publish before you check it.

How to add an Instagram feed to Google Sites

Use Insert, Embed, then Embed code, and leave Allowed domains empty.

See the live feed →

Insert an embed

Open your site in Google Sites. On the right, click Insert, then Embed.

Paste your code

Click Embed code, paste your code, click Next, then Insert.

Size it and publish

Make the box tall enough for the whole feed, then click Publish at the top right.

Google Sites runs your code inside its own frame, on a Google address rather than your domain, so a widget locked to your domain is turned away there. Make the box tall enough for the whole feed.

Embed an Instagram feed on your website with HTML code

Paste the one line inside <body>, where the feed should appear.

The full HTML guide →

Copy your code

In Embedra, open your widget, click the Embed pill, then Copy code.

Paste inside <body>

Open the page file and paste the line where the feed should show. Save and upload.

Test on the real site

Check it on your live website. A file opened straight from your computer does not run it.

A page's HTML file with the Embedra line pasted inside the body where the feed should appear

The line is a single script tag. The feed draws itself in that spot inside its own Shadow DOM, so your site's CSS cannot break it. If your site sets a Content Security Policy, it has to allow embed.embedra.io.

What it does, and what it does not

Straight answers, so you know exactly what the feed covers.

✓

Your latest posts

Show your latest posts, with a header and a Follow on Instagram button.

✓

A lightbox on your site

Open posts in a lightbox on your site, with the caption, likes and comments.

✓

Kept current

Keep itself current: daily on Free, up to every 5 minutes on Business.

✓

Nothing from Instagram in the browser

Load nothing from Instagram in your visitors' browsers, and set no cookies.

No reel playback

It does not play reels or videos on your site. They show their cover, with View on Instagram to watch.

Twelve posts, first picture

It does not show more than your 12 latest posts, or swipe through a carousel post. A carousel shows its first picture.

No personal accounts

It does not work with a personal Instagram account. Instagram's API for websites needs a Business or Creator account.

Start free. Upgrade when you grow.

Every plan includes the Instagram feed. It counts a view each time it loads, and a visitor counts once every 30 minutes.

Free

$0 forever

500 monthly views

1 widget

1 domain

Small Embedra badge

Create yours

Starter

$7/mo

15,000 monthly views

Any 3 widgets

Unlimited domains

Filter what appears

No badge

Try starter free

Pro

$16/mo

75,000 monthly views

Any 10 widgets

Unlimited domains

Custom CSS / JS

5 projects

No badge

Try pro free

Business

$34/mo

300,000 monthly views

Everything in Pro

Unlimited widgets

1/2 overage rate

15 projects

No badge

Try business free

Free

$0 forever

500 monthly views

1 widget

1 domain

Small Embedra badge

Create yours

Starter

$7/mo

15,000 monthly views

Any 3 widgets

Unlimited domains

Filter what appears

No badge

Try starter free

Pro

$16/mo

75,000 monthly views

Any 10 widgets

Unlimited domains

Custom CSS / JS

5 projects

No badge

Try pro free

Business

$34/mo

300,000 monthly views

Everything in Pro

Unlimited widgets

1/2 overage rate

15 projects

No badge

Try business free

T's & C's Apply

Questions

What people ask before they add Instagram to their site.

All questions →

How do I add an Instagram feed to my website?

Connect your Instagram account to Embedra, pick a look, copy one line of code and paste it into your website builder where the feed should appear. It updates by itself after that.

Can I embed an Instagram feed on WordPress without a plugin?

Yes. Paste the line into WordPress's own Custom HTML block. There is no plugin to install or keep updated.

Does it work with a personal Instagram account?

No. Instagram's API for websites works with professional accounts, Business or Creator, and needs no Facebook Page.

Do reels play on my website?

Reels and videos show their cover with a play badge, and open on Instagram to play. Embedra keeps a copy of your photos, not of video files.

How often does the feed update?

Daily on Free, every 6 hours on Starter, hourly on Pro and every 5 minutes on Business. If Instagram is down, your last good posts stay on show.

Is it free?

The Free plan covers one widget and 500 views a month, with a small Powered by Embedra badge.

Put your Instagram on your website.

One line of code, any website builder, and a feed that keeps itself current. No plugins and no developer required.

Build your feed