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:
- 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.
- Tap Copy Link in the pop-up menu.
- Paste the link in an email and send it to yourself.
:max_bytes(150000):strip_icc():format(webp)/001_embed-instagram-photos-3485863-2ba5d0c475184d0e9ebe6ba9673a834f.jpg?resize=696%2C405&ssl=1)
- Open the email on your desktop or laptop computer, then copy and paste the URL in a web browser to go to Instagram.com.
:max_bytes(150000):strip_icc():format(webp)/002_embed-instagram-photos-3485863-592d5483a021452ca04495bf9a8f8692.jpg?resize=696%2C370&ssl=1)
- Select the three dots in the upper-right of the Instagram post’s page.
:max_bytes(150000):strip_icc():format(webp)/003_embed-instagram-photos-3485863-8d4fd11e09e24bc88ac47f15a8d0c23e.jpg?resize=696%2C369&ssl=1)
- Select Embed.
:max_bytes(150000):strip_icc():format(webp)/004_embed-instagram-photos-3485863-3a79a97c5c484c45b41269e2014083ad.jpg?resize=696%2C372&ssl=1)
- Select Copy Embed Code.
:max_bytes(150000):strip_icc():format(webp)/005_embed-instagram-photos-3485863-5ca0223694bf49f38038271e53bcbcb9.jpg?resize=696%2C369&ssl=1)
To include the caption to show up on the web page, leave the Include caption box checked. - 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.
Follow and connect with us on Twitter, Facebook, Instagram, and Youtube
