Updated date:

How to Embed Instagram Photos and Videos

Author:

Hi I am Nell, a social media expert and website designer currently pursuing Computer Science and heck lot of data and coding app buildups.

Read on to learn an easy way for you to embed your Instagram post on your website or blog.

Read on to learn an easy way for you to embed your Instagram post on your website or blog.

How Do I Embed Instagram Photos and Videos?

Every Instagrammer wants to show their beautiful photos and creative videos to the world. Since the introduction of Instagram web embeds, everyone has been looking for ways to showcase their Instagram photos and videos on their website or blog in the best way possible. Some like the introduced embedding, but those who don't search for ways to get rid of those ugly looking characters from the embedding.

Instagram embedding allows users to get more followers and likes which, in turn, will get them recognized by advertisers for promoting their brands. As a result, they get more popularity and brand following.

Read on to learn how to embed your Instagram videos and pictures.

Instagram Web Embed Method

To begin, first log in to your Instagram web profile. To log in visit Instagram.com. Log in with your Instagram username and password.

Log in to your Instagram account

Log in to your Instagram account

Now as you have logged into your Instagram web profile, just scan through your photos and videos and choose a desired photo or video that you wish to embed on your website or blog. Click on the chosen photo to open the photo window popup. Now in the photo window click on the photo settings (the three small dots) at the top right-hand side of the post.

Click the dot icon to get Embed Options

Click the dot icon to get Embed Options

Upon clicking you will get a bunch of different options. Click on "embed" to generate the embed code for your chosen photo.

Click embed to get generate the Instagram embed code

Click embed to get generate the Instagram embed code

Copy the generated embed code and move to your website or blog where you wish to embed or feature your Instagram photo or video.

Copy the generated embed code

Copy the generated embed code

Now comes the embedding part. I know not all Instagram users are familiar with HTML. Don't worry, the embedding part doesn't require one to be a professional web designer or programmer. In fact, the embedding process is quite easy and you need to know just a few parameters to learn how to control your photo or video embedding on your blog posts or website.

To begin with the embedding, we will start with Blogger which is a very easy and very basic platform and will also help you understand how to embed your Instagram photos and videos on your website. Log in to your Blogger profile and open a post where you wish to embed the Instagram embed code. Instead of using the normal editor, switch to HTML mode editing by clicking "HTML View" on the top left toolbar.

Go to HTML mode on your Blogger account.

Go to HTML mode on your Blogger account.

Aligning Your Instagram Embeds

To begin the embedding start with a div tag that is <div and define the alignment for your embedding that is whether you wish to align your photo in the center or left or right by defining align="center" that is your photo will be aligned in the center. and close it with a > to close the div tag. So altogether you start with <div align="center"> and then paste your copied Instagram embed code and close it with a slash div tag that is </div>, So altogether the code looks like this.

<div align="center">
###Your Copied Instagram generated code goes here###
</div>

Now switch back to normal editing from HTML editing by clicking "Compose" on the top left toolbar of your editing window to check how your photo gets embedded in the post. If you wish to align your photo somewhere left or right then simply instead of the center attribute in align parameter use left or right to align your photo to left or right respectively. You can also change your photo's size and other parameters, to learn about it see the tips section.

Use the same technique to embed your photos or videos to your WordPress blog or website in places wherever HTML is accepted or else use "custom HTML" to embed the photos and videos. Hurrah you just learned how to embed your Instagram photos and videos to your blog or website.

Click compose to check the results of your embedding

Click compose to check the results of your embedding

Instagram web embeds show you how many likes and comments the photo has and most of all it displays the profile of the photo or video creator which in turn drives others to follow you on Instagram or your blog. So web embeds basically give you instant fame and more followers.

Instagram Web Embed Tips and Tricks

So now you all know how to embed your Instagram photos and videos to your site but as usual, being related to photography and creativity, we all long for new ways to improve or create something new with our Instagram photos. In this section, we will explore some basic tips and tricks to help boost your Instagram photo and video embeds.

  • You can control your Instagram photos and videos embed sizes and frames from the embed code itself. The three parameters include "width", "height" and "frame border".You can control your photos using these three parameters. You can see these highlighted parameters in the photo below. Adjust the parameters as you see fit.
How to Configure your Instagram photo and video Embeds

How to Configure your Instagram photo and video Embeds

Hopefully this article has helped you! For any concerns, new tricks, new apps or recommendations please comment in the comment box below. If you liked the article then do share it with your friends so that they too learn how to embed Instagram photos and videos to their site and blog.

© 2013 Nell

Comments

remy deen on January 26, 2020:

i like method 2 thanks with this

solarmovie on May 03, 2019:

very nice and stunning article

Dery on January 29, 2019:

Excelent! the first one was very useful!

Andy on March 04, 2018:

Instaembed no longer works. And I don't know if there would be copyright issues with that anyway e.g. taking a video from InstA turning it into flash player snipping out attribution etc.

Does anyone have any other method for doing this as I need to embed video only from Insta on my site similar to YouTube and facebook?

md manik on September 18, 2017:

Nice

Kelvin on March 24, 2017:

COOL! It is working!

Angela on August 27, 2015:

OMG I love you, I never use embedding because it makes the pic obnoxiously large and I couldn't center it, you've saved me! Thanks!

hunt4hardy on January 21, 2015:

Another cool way: http://embedmyphotos.com

No need to register and it works perfectly on smartphones

Related Articles