How to Embed Instagram Photos or Videos on a Website

Add Instagram posts to your blog to increase user engagement

By
Elise Moreau
Elise Moreau
Elise Moreau
Freelance Contributor
  • University of Ontario
  • George Brown College
Elise Moreau is a writer that has covered social media, texting, messaging, and streaming for Lifewire. Her work has appeared on Techvibes, SlashGear, Lifehack and others.
lifewire's editorial guidelines
Updated on December 22, 2021

What to Know

  • Find a post to embed, tap the three dots in the upper-right corner and tap Copy Link. Paste the link in an email to yourself.
  • Open the email, copy the URL, and paste it in a web browser. Select the three dots on the post's page and tap Embed > Copy Embed Code.
  • Paste the copied Instagram embed code into the appropriate location on your website, then save and publish the changes.

It's possible to embed content from Instagram into the HTML of your website or blog. Here's how to embed an Instagram video or photo on a website so that visitors can interact with the post as if they were on Instagram. 

How to Embed Instagram Videos on a Website

To get the code you need to embed, you must access the post through Instagram's website. Assuming you're starting with the Instagram app, follow these steps:

  1. Find the post you want to embed and tap the three dots in the upper-right corner.

    If you've already found the post you want to embed on Instagram.com, skip ahead to step 5.

  2. Tap Copy Link in the pop-up menu.

  3. Paste the link in an email and send it to yourself.

    Copy the Instagram post link and email it to yourself.

  4. Open the email on your desktop or laptop computer, then copy and paste the URL in a web browser to go to Instagram.com.

    Instagram.com URL in a web browser.

  5. Select the three dots in the upper-right of the Instagram post's page.

    Three dot menu on an Instagram post

  6. Select Embed.

    Embed on Instagram post

  7. Select Copy Embed Code.

    Copy Embed Code on an Instagram post

    To include the caption to show up on the web page, leave the Include caption box checked.

  8. Go to your website or blog and paste the copied Instagram embed code into the appropriate location, then save and publish the changes.

Adding Instagram Embed Code to a Website

The right place to insert the code depends on the website or blogging platform you’re using. For example, if your site runs on WordPress, you just need to access your editable page in Text mode (rather than Visual mode). If you're building a site using pure HTML or a static site generator, you can paste the raw HTML you copied into your site and work around it.

Take a look at the published page online to see the new Instagram photo or video neatly embedded. You should be able to see the photo with the link to the Instagram user’s name at the top as well as the number of likes and comments beneath it. If it’s a video instead of a photo, visitors will be able to play the video right on your website.

Was this page helpful?