Free Instagram Embed Code Generator
Paste a public Instagram post or reel link. Get a live preview and copy-ready embed code in seconds.
Want your whole Instagram feed on your site, not just one post? EmbedSocial updates it automatically.
How to embed an Instagram post on your website
You need two things: the post link and a place on your site that accepts HTML. Here is the fastest way to embed Instagram posts with our tool. The embed shows the photo or carousel, the caption, the like count and a View profile button, so visitors can tap through and follow you on Instagram.
Copy the post link
Open the post on Instagram. Tap the share icon, then tap Copy link. On desktop, you can copy the address from your browser bar.
Paste it into the generator
Paste the link in the box above and click Get embed code. You see a live preview right away. Set the max width and choose whether to show the caption.
Copy the code and paste it on your site
Click Copy code. Paste it into an HTML block on your page, then publish. Not sure where? See where to paste your Instagram embed code.
Prefer the manual way? Open the post on instagram.com in a desktop browser. Click the three dots (...) above the post, choose Embed, then click Copy embed code. The embed option lives on the desktop website, so on your phone our generator is the quickest route.
How to embed Instagram reels on your website
Reels use the same embed code as posts. The steps are almost identical.
Copy the reel link
Open the reel, tap the share icon and choose Copy link. The link looks like instagram.com/reel/...
Generate the code
Paste the link above and click Get embed code. The preview shows the reel exactly as visitors will see it.
Paste and publish
Copy the code and paste it into your page. The reel plays inside the embed, with a link back to Instagram.
A note on video sizing: reels are vertical (9:16), so they take up more height than a square post. Instagram sets the height for you. You control the width, from 326 px to 658 px. For most layouts, 400 to 540 px keeps the reel readable without pushing your content too far down. Want a full grid of reels instead of one? Read our guide to embedding Instagram reels.
How to embed your full Instagram feed on your website
A single embed shows one post. That is great for a blog article or a product launch. But it has limits. It never changes. When you post something new, you need to generate new code and edit your page again. Every post also loads its own frame, so ten embeds means ten frames on one page.
If you want to embed your Instagram feed on your website, you need a feed widget, not a stack of single embeds. EmbedSocial connects to your Instagram account through the official API and syncs new posts automatically. You pick a layout, match it to your brand, and paste one line of code. From then on, your site updates itself every time you post.
Single embeds also depend on each post staying public. If the owner deletes a post, makes the account private or turns off embeds, that embed stops working and you have to find it and remove it by hand. With a lot of embeds across a lot of pages, that clean-up adds up fast.
You can also pull posts from hashtags, handpick which posts show up, and make your feed shoppable by tagging products. See everything the Instagram widget can do.
Single post embed vs a full EmbedSocial feed
Use single embeds for one-off posts. Use a feed when you want fresh Instagram content on your site without the busywork.
| What you get | EmbedSocial feed | Single post embed |
|---|---|---|
| Updates when you post | Automatically | New code for every post |
| Layouts | 200+ templates, restyled to your brand | Instagram's card only |
| Hashtag feeds | On Pro Plus and above | |
| Shoppable posts | Tag products that link to your store | |
| Moderation | Handpick posts or filter by date and keywords | |
| Multiple posts on one page | One widget, one line of code | One frame per post |
Put your whole Instagram feed on your site.
Connect your account once. EmbedSocial keeps your Instagram feed on your website fresh, automatically.
Where to paste your Instagram embed code
The code works on any site that lets you add custom HTML. Pick your platform below. Each guide takes about a minute, and you can use the same steps later for an EmbedSocial feed widget.
Open your page or post
Edit it in the block editor.
Add a Custom HTML block
Click the + button, search for "Custom HTML" and add it where you want the post.
Paste and publish
Paste your embed code, click Preview to check it, then Update or Publish.
Instagram embed FAQ
Is the Instagram embed code generator free?
Do I need to log in to Instagram?
Why won't my Instagram post embed?
Can I embed a post from a private Instagram account?
Does embedding an Instagram post slow down my site?
Can I customize how the Instagram embed looks?
Related tools
Free QR Code Generator
Personalize every detail, from frames and text to logos and colors, and then download in multiple formats.
AI Hashtag Generator
Generate hashtags for Instagram, TikTok, LinkedIn, X, and any other social media platform in seconds.
AI Review Generator
Generate human-like product reviews by providing details below. Choose sentiment and tone to customize.
AI Review Response Generator
Write the best review reply in just a few seconds. Generate reviews from a Google location or type to respond.
Turn your Instagram into a live gallery on your site.
Embed your Instagram feed on your website with EmbedSocial. It syncs new posts automatically and fits any design.
Start free trial. * All features included.