How to Add Instagram to WordPress Post or Page

Do you want your cool Instagram pics slapped onto your WordPress post or page? Don’t worry! We will see how to add Instagram to WordPress here.

You see Instagram was already prepared for this. They knew exactly what you wanted. So they came up with a feature known as “Embed“. It provides you with the option to directly use the Embed code and use it on your website post or page. It is as simple as that.

I will use an example to make things super clear.

I have written a step by step process explaining what needs to be done.

Make sure you have an Instagram account with a post in there handy. Also, make sure you have a WordPress account with you, since that’s where I would be demonstrating it.

How to Add Instagram to WordPress Post or Page

Here are the steps to Integrate Instagram on your website:

Step 1: Open the link to your Instagram account in one of the tabs of your browser. My Instagram account link is:

https://www.instagram.com/straightfromamovie/

So I am gonna go ahead and open that in a new tab:

instagram link page

Step 2: Click on a picture you wish to see in your WordPress post or page. Here I am going to click the first image. It will open something like this:

instagram picture

Step 3: You will find a (…) symbol in the bottom-right corner. Click on that.

Step 4: When you will click on it, you will find three options being shown. Click on the second one that says “Embed”.

embed option in instagram picture on how to add instagram to wordpress

Step 5: When you click on Embed you will find it turn into another dialog box with the embed code. There’s a Copy Embed Code option in blue. Just click on that.

copy embed code option in instagram

NOTE: If you don’t want to include the caption that you have used on Instagram for your pic (yes all those unnecessary hashtags) you can choose to uncheck that checkbox.

Step 6: When you click on Copy Embed Code it will say into “Embed Code Copied” for a while. That means your code has been copied. It’s time to paste it in your WordPress post or page.

Step 7: Open your WordPress Post or Page and click on the Text Editor column. It opens your editor in HTML format.

text column in wordpress post

Step 8: Paste (Ctrl + V) the copied embed code wherever you wish to post it in your post.

Pasted Embed Code in WordPress from Instagram

Step 9: Once you have posted it click on Publish. The Instagram image will automatically be generated wherever you have posted it.

instagram copied and pasted image

Isn’t that one of the simplest things to do in the world?

If you want a video for the above process you can check it out here:

Don’t forget to check out our other tips and tricks section too.

Scottshak

Poet. Author. Blogger. Screenwriter. Director. Editor. Software Engineer. Author of "Songs of a Ruin" and proud owner of four websites and two production houses. Also, one of the geekiest Test Automation Engineers based in Ahmedabad.

You may also like...

Leave a Reply