How to embed Instagram feed on your website
Instagram feed is your recent Instagram posts displayed on your website, used by salons, restaurants, makers, photographers and any visual business. Here's how to put it on your own website, which embed option to pick, and what goes wrong.
Quick answer
Get the code from a third-party feed widget service — Instagram removed its simple public feed embed, so a connected app is now required. For most people the right choice is the third-party feed widget — services connect to your account via the official API and render a grid you can style. Paste it into a code or embed block on your site — not a plain text field — then place it beside your main call to action and test the whole flow on a phone before relying on it.
Instagram feed: which option to use
| Option | What it does |
|---|---|
| Third-party feed widget | Services connect to your account via the official API and render a grid you can style. |
| Single post embeds | Instagram's own embed code for individual posts, available from each post's share menu. |
| Manual gallery | Uploading your best images directly to your site. No API, no breakage, faster loading, and the images are actually yours. |
Step-by-step
- 1
Find the code or link in your account
Instagram feed keeps this in a third-party feed widget service — Instagram removed its simple public feed embed, so a connected app is now required. Copy what you need before touching your website — most of the time people lose is spent hunting for the snippet, not installing it.
- 2
Pick the right option for the job
The table above is the decision. Third-party feed widget: Services connect to your account via the official API and render a grid you can style. Single post embeds: Instagram's own embed code for individual posts, available from each post's share menu. Choosing before you paste saves rebuilding the section later.
- 3
Paste it into a code or embed block
This needs an HTML, code or embed block — not a plain text field, where the code will simply appear as text on your page. On Adviita, ask the AI editor to add an embed section and drop the code in. On WordPress use a Custom HTML block, on Squarespace a Code block (Business plan or above), and on Wix an Embed HTML element.
- 4
Put it where the decision happens
Embedded social content is decoration unless it earns its place — it costs page speed, so make it count. A widget three scrolls down does a fraction of the work of the same widget beside your main call to action. Decide what the page is for, then place it at the point the visitor is deciding.
- 5
Check it on an actual phone
Most visitors to a small business website arrive on a phone, and embeds are where mobile layouts break. Open your live site on your own phone and confirm it loads, fits the screen without sideways scrolling, and does not push your contact button out of view. Third-party embeds are also the most common cause of a slow page, so if it noticeably delays loading, consider a plain link instead.
- 6
Test it end to end before you rely on it
Run through the whole flow yourself as a customer would — confirm it renders and links correctly — and confirm what should happen actually happens. Broken embeds fail silently, and the first person to notice is usually a customer who has already given up.
Tips & best practices
- ▸Instagram has repeatedly changed and deprecated its feed APIs. Feed widgets break periodically as a result, and a broken feed leaves an empty hole on your homepage.
- ▸Feed widgets load external scripts and images, which is often the single heaviest thing on a small business homepage.
- ▸A manually curated gallery of your ten best images almost always looks better than an automatic feed containing stories, reposts and off-brand content.
- ▸Re-test the embed after any change to your site, your plan, or the connected account — third-party widgets break quietly and nothing tells you.
Common questions
How do I add my Instagram feed to my website?
+−
Instagram no longer offers a simple public feed embed, so you need a third-party widget service that connects to your account through the official API. Alternatively, embed individual posts using Instagram's own embed code, or upload your best images directly to your site as a gallery.
Should I embed my Instagram feed or upload photos directly?
+−
For most small businesses, upload directly. A curated gallery of your best work loads faster, always looks on-brand, never breaks when Instagram changes its API, and the images belong to your site — which also means they can rank in image search. Live feeds mainly suit businesses posting genuinely fresh visual content daily.
Do I need a developer to add Instagram feed to my site?
+−
No. Every option here is copy and paste into a code or embed block, which every mainstream website builder provides. The only genuine blocker is a builder or plan that does not allow custom code at all — Squarespace, for instance, requires a Business plan or above for code blocks.
Will adding Instagram feed slow down my website?
+−
Any third-party embed has some cost, because it loads code from another company's servers. One is usually unnoticeable; four or five on the same page is where small business sites become visibly slow. If page speed matters to you, prefer a plain link over a script wherever the option exists, and keep embeds to the pages that genuinely need them.