How to Show Instagram Photos in a WordPress Post or Page

Instagram only launched in 2010 but is the undisputable image-sharing behemoth, with half a billion users logging in every month and nearly 100 million posts added every single day.

Adding Instagram images to your WordPress site is a great way of making your posts and pages more engaging – and harnessing the huge wealth of beautiful photos posted on the site every single day.

WordPress makes it incredibly easy for you to show Instagram photos to your posts and pages. The process is the same for both, so follow these steps for either.

Getting a unique Instagram photo URL

The first thing you need to do is find the Instagram photo you want to embed on your WordPress site.

Copy the Instagram Share URL on mobile.

(click to enlarge)

If you’re using the Instagram app, find the photo you want to show, press the vertical ellipsis (…) and then Copy Share URL. You now need to paste it somewhere you can access it on your desktop. Emailing the URL to yourself works. Once you’ve got the email, copy the URL to your clipboard.

If you’re on instagram.com, find the photo you want to embed and load it up on a page by itself. Click on the link showing how old the post is to do this.

Copy the Instagram URL on web.

(click to enlarge)

You’ll now be on a page with a unique URL for the post! Copy this from the navigation bar to your clipboard.

Adding Instagram posts to WordPress

With your Instagram post URL copied, it’s really simple to add the photos to your posts and pages.

Add a new post or page, or load up one you’ve already published. Find where you want to add the photo and hit return to create an empty line for the photo.

Paste your Instagram URL to your WordPress post or page.

(click to enlarge)

Paste in the URL and hit return again. WordPress will now automagically show the Instagram post.

Publish or update your post and you’re done!

Embedding Instagram posts to WordPress manually

Instagram also gives you the option to embed photos manually. If pasting the URL isn’t working or you want a bit of extra control (you can choose to hide the description), this is an alternative option.

Again you’ll need to find your photo, but to embed you’ll need to use instagram.com – you can’t use the app. As before, navigate to the full-page photo with the unique URL.

Now, instead of copying the URL, click on the ellipsis (…) on the bottom right and click Embed.

Copy your Instagram embed code.

(click to enlarge)

Instagram will now give you embed code which you can copy. If you want to hide the caption, untick the Include caption box.

You can now embed the photo to any post or page. As before, either add a new post or page, or edit a pre-existing one. You now want to switch to the Text editor and find where you want to add the photo. Hit return twice to add space for the photo and paste the embed code.

Paste your Instagram embed code into WordPress.

(click to enlarge)

Instagram generates a lot of code, but switch back to the Visual editor and you’ll see the photo added. If there’s a grey space where you’re expecting to see a photo, don’t worry – the photo will display on the front-end of your site.

Publish or update the post or page, and you’ve got an Instagram photo added!

Instagram is a super engaging resource

Instagram is the place for posting photos online, so start making use of it on your WordPress-powered site! This post has shown you everything you need to know to add Instagram photos to your own posts and pages.

Tweet about this on TwitterShare on FacebookGoogle+Share on LinkedInEmail to someone

By Alex Denning

Alex Denning is a WordPress power user, freelancer and writer. He's been writing about WordPress, making documentation and video screencasts for the last eight years. You can read his weekly blog here.
Comments (policy)
More in Quick Tips
How to Show a YouTube Video in a WordPress Post or Page

YouTube is by far the most popular video sharing platform, with 300 hours of content uploaded every minute. WordPress makes it easy for you to...

Close