Skip to content
shapes
Create your pageCreate page

Instagram Embed Code: How to Get It and Use It

Learn what Instagram embed code is, how to copy it from a post or profile, why the Embed option goes missing, and how to show your content on a bio link page.

Published 13 min read

Instagram Embed Code: How to Get It and Use It

Creator working on an Instagram embed

Instagram embed code is a short snippet of HTML that displays a public post, Reel, or profile on another web page. To get it, open the post on instagram.com in a browser, click the three-dot menu, choose Embed, and copy the code. Then paste it into the HTML editor of your site or page. The content stays on Instagram, so the code only borrows it for display. This guide covers each step, what the code contains, why the option sometimes disappears, and how to handle feeds and bio link pages.

Shapes
Bring Your Links Together
Give visitors one customizable page for your social profiles, portfolio, or booking links, edited directly from your phone.

TL;DR

  • Embed means display, not copy. The post is still hosted on Instagram and links back to the original.
  • Get the code in a browser. Use instagram.com on desktop or mobile web, not the Instagram app.
  • Only public content works. Private accounts and accounts that turned off embeds have no Embed option.
  • Native embeds are single items. A post, Reel, or profile is supported. A live, multi-post feed needs a widget or the API.
  • Paste into an HTML field. If your editor strips scripts, the post will not render.

Table of Contents

What it means to embed on Instagram

When people ask what embed means on Instagram, they mean this: showing a public post, Reel, or profile on a website using code, while the content remains on Instagram, loads from there, and links back to the original. Nothing is uploaded to your site. Visitors are viewing content hosted by Instagram, inside a frame on your page.

That is the same idea behind any third-party embed. The Mozilla developer documentation describes embedding as a way to incorporate third-party web documents into a page without building your own version of them, which is why video players and maps work the same way.

Three practical consequences follow:

  1. You do not control the content. If the owner edits or deletes the post, your page changes with it.
  2. Likes, comments, and the follow button live in the embed. Visitors can interact without leaving your page, and clicks back to Instagram are built in.
  3. Page speed depends on a script you do not host. Each embed loads Instagram’s own JavaScript, so a page with ten of them loads more slowly than a page with one.

If you want a permanent copy of a photo on your site, embedding is the wrong tool. Upload the original file instead. If you want people to see your latest Instagram work and follow you, embedding is the right one.

How to get the Instagram embed code for a post

The process is the same for photos, carousels, and Reels. Boston University’s web team documents it clearly: open the post on instagram.com, choose Embed from the three-dot menu, and click Copy embed code.

  1. Open the post in a web browser at instagram.com. Use the post’s own page, not your feed.
  2. Click the three-dot menu in the top corner of the post.
  3. Select Embed.
  4. Click Copy embed code. A box shows a preview and the code.
  5. Open the page you want to edit and switch to its HTML or custom code view.
  6. Paste the code where you want the post to appear, then save and preview.

One detail trips up many people: you cannot copy embed codes from the Instagram app. You need a browser, either on desktop or your phone’s mobile browser. If you are working from a phone, open instagram.com in Safari or Chrome, find the post, and follow the same steps.

What the code actually contains

The snippet usually holds a blockquote with the post’s permalink plus a script that loads Instagram’s embed JavaScript. The blockquote is a plain fallback: it shows a link to the post. The script then replaces it with the full rendered post.

Diagram of Instagram embed code components

This explains most embed problems. If the script is blocked or stripped by your editor, you see only the plain link. If you paste the code into a visual text field instead of an HTML field, the tags may be escaped and show up as raw text. Always paste into a field that accepts custom HTML or code.

The shortcut for WordPress

If your site runs on WordPress.com, you may not need the code at all. WordPress.com’s support page says an individual post can be embedded when the account is public and allows embeds, and that pasting the post link on its own line, with no other text or spaces, converts it to an Embed block. The same single-line rule applies to other supported links, so keep the URL alone on its row.

Embedding an Instagram profile or Reel

Reels use the same menu path as photo posts: open the Reel on instagram.com, click the three dots, choose Embed, and copy the code.

Profiles work almost the same way. Open the public profile in a browser, use the three-dot or gear menu to pick Embed, and copy the code. When this feature launched, profile embeds were available only in the US, so if the option does not appear for you, check Instagram’s current availability for your region.

A profile embed shows a card with the account’s header and a handful of recent posts, with a follow button. It is a good fit when you want one compact block that says, here is who I am and here is my recent work.

Embedding an Instagram feed

This is where expectations and reality diverge. Searches for an embedded feed usually mean a grid that updates itself whenever you post. Instagram’s native code does not do that. According to one embed guide, native embeds support a single post, Reel, or profile, not a live feed. For a feed you have two routes:

  • A third-party widget or app. You connect your account, choose a layout, and receive a code to paste into your page. Setup is quick, but many of these tools limit features on free tiers.
  • Instagram’s API. This gives you full control over the layout, but API access requires a Business or Creator account and developer work to build and maintain it.

The deciding question is simple. Do you need one static item, or a continuously updating grid? For a single highlighted post, such as a launch announcement or a class promo, use the native code. For a gallery that refreshes on its own, use a widget.

A third option often gets overlooked: curate by hand. Pick the three to six posts that best represent your work, embed those, and update them when your offer changes. A short, chosen selection tends to look more deliberate than an automatic grid of everything you posted this month, and it lets you control what a new visitor sees first.

Why the Embed option is missing or the post disappears

If you cannot find Embed in the menu, work through these causes in order:

  1. You are in the app. Switch to a browser.
  2. The account is private. The Embed option may be missing if the account is private, the owner turned embeds off, or you are using the app, according to a WordPress embed walkthrough.
  3. Embeds are switched off. Native embedding only works for content from public accounts with embed settings turned on, as HubSpot’s embed guide explains.
  4. It is someone else’s post. You can embed other people’s public posts, but only if they allow it.

An embed that worked before can also stop. The same walkthrough notes it can vanish if the owner deletes or archives the post or makes the account private. WordPress.com adds that the owner can delete content, make it private, or turn off embedding after you publish, and that an embed can break when the source platform changes.

Two habits prevent most surprises. First, embed your own posts whenever possible, since you control whether they stay up. Second, preview the page in a private browser window while logged out, which shows what a visitor sees.

When the code pastes but nothing renders

Check these in order:

  • The editor may strip scripts. Some editors remove scripts and iframes, so compatibility with your page builder matters.
  • Link-based conversion needs clean formatting. On WordPress.com, the URL must sit alone on one line.
  • Extra characters pasted along with the code can break the blockquote. Copy the whole block again and paste it into a plain code field.

Sizing and centering the embed

There is no built-in size setting. HubSpot’s guide says there is no out-of-the-box sizing option, so resizing means editing the code. In practice, the embedded post fits the width of its container, up to a maximum. If it looks too wide on your page, narrow the container the code sits in rather than hacking the snippet.

To center a post, HubSpot suggests wrapping the pasted snippet in center tags. Many page builders handle alignment with a setting, which is cleaner when it is available.

On a phone, a single embedded post is usually the most readable format. Wide grids shrink the images until they are hard to see, and most visitors who find you through a bio link arrive on mobile.

Sizing and centering the embed

Putting Instagram and YouTube content on a bio link page

A bio link page is a small, mobile-first page that sits behind the one link Instagram allows in your profile. People often ask whether they can embed an Instagram feed or a YouTube video there, and the answer depends on what the page tool supports. There are two common patterns:

  • A provider embed. You paste a link and the page shows a player or card directly on the page.
  • A custom code embed. You paste a snippet like the Instagram code above into a code block.

For YouTube, the official steps are short. Per Google’s help page, you go to the video, click Share, then click Embed to generate code you can use on a website. Paste that code into a code block, or use a link-based video embed if your page tool offers one.

A few choices make bio link embeds work better:

  1. Put the action first. If the visitor’s main task is booking a class or buying a print, keep that button above any embedded video or post.
  2. Limit embeds to two or three. Every one loads an outside script, and visitors on cellular data feel it.
  3. Choose the post that sells. Embed the Reel that shows your studio, your pottery, or your set, not whatever you posted last.
  4. Test on a real phone. Check that the embed fits the screen and that the buttons are tappable.

For related ideas on bringing outside tools onto a page, our guide to the Google Calendar embed walks through the same paste-and-preview approach for booking schedules.

Our perspective: a bio page should organize, not duplicate

We built shapes around one belief: the page behind your link should connect the things you already do, not replace them. Your Instagram posts, your booking tool, your shop, and your music already live somewhere. The job of a link-in-bio page is to put them in the right order for a visitor who has about ten seconds and a phone in one hand.

That is why we focus on editing directly on the phone, with blocks, folders, and tabs, instead of templates and drag-and-drop. When you embed a post, it is a pointer to something that lives elsewhere. A page built from blocks lets you decide what comes first, group the rest into a folder or tab, and change a line of text in seconds without opening a laptop.

Our editor also keeps your edits as drafts you can undo, so trying a new arrangement carries no risk. We concentrate on organizing and presenting links to existing services rather than handling transactions or email marketing ourselves. Our view is that one focused page, kept current, beats a sprawling site nobody updates.

Chris

Build your link-in-bio page on your phone

If the page you are embedding into is a bio link page, shapes is made for that job. You create and edit the page directly from your phone, with no code, and arrange links for bookings, portfolios, shops, events, music players, and social profiles using blocks, folders, and tabs. You can schedule content, collect email signups, and, on Pro, add custom code embeds, a custom domain, and analytics.

Shapes

The Free plan costs $0 per month and publishes one page with shapes branding. Pro is $8 per month or $60 per year and removes the branding, supports up to 5 pages, and adds custom domains, analytics, downloadable signups, and custom code embeds. See the details on the shapes pricing page, or start from the shapes home page. If you teach, book clients, or sell your work, the use cases for appointment-based work show how people arrange their pages.

Quick reference: which embed for which goal

Goal Best option Notes
Show one standout post Native embed code Copy from instagram.com in a browser
Show a Reel Native embed code Same menu path as a photo post
Show a profile card Profile embed Public profile only
Show an auto-updating grid Widget or API API needs a Business or Creator account
Show a YouTube video YouTube Share, then Embed Or a link-based video embed
Keep a permanent copy Upload the original file Embeds depend on the source staying up

For musicians who want to pair videos and posts with players and tour links, see link in bio for musicians. For creators who sell work, link in bio for makers who sell covers how to put the shop link at the top and posts below it.

FAQ

What does embed mean on Instagram?

It means displaying a public Instagram post, Reel, or profile on another website using a snippet of code. The content is not copied. It loads from Instagram and links back to the original, so edits and deletions by the owner carry through to your page.

Why is there no Embed option on my Instagram post?

The most common reasons are that you are using the app instead of a browser, the account is private, or the owner has turned embeds off. Open the post on instagram.com in a browser and check the three-dot menu again. If the account is not yours, the owner controls whether embedding is allowed.

Can I embed my whole Instagram feed with Instagram’s code?

No. The native code covers one post, Reel, or profile. For a grid that updates by itself, you need a third-party widget or Instagram’s API, which requires a Business or Creator account. Many people embed three to six hand-picked posts instead.

How do I embed a YouTube video on a bio link page?

On YouTube, open the video, click Share, then Embed, and copy the code. Paste it into a code or embed block on your page, or use a link-based video embed if your page builder supports one. Preview on your phone afterward to confirm it fits the screen.

Does an embedded post slow my page down?

Each Instagram embed loads a script from Instagram, so many embeds on one page add loading time. Keep to a few, place the most important links above them, and check the page on mobile data.

Sources

Written with BabyLoveGrowth’s AI

Link in Bio Booking: How to Let Clients Book From Your ProfileHow to Build a Personal Brand Online: A Practical GuideLink in Bio Shop: How to Sell From Your Social ProfilesAll writing

Make the page yours.

Build and preview for free. Choose a publishing plan only when you want the page live.

Create your page