I’ve written a few articles about how images can get more people to read your blog or visit your website. In this post, I’m going to discuss how you can embed your Instagram photos and show it on your website or blog. It’s a great way to show off your best looking photos or show the visual side of your blog’s topic and increase your Instagram followers at the same time. By showing your Instagram feed on your blog, you are giving your audience a preview of what they will see when they follow you.
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 Instagram photo URL
The first thing you need to do is find the Instagram photo you want to embed on your WordPress site.
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.
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 photos 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 in the URL and hit return again. WordPress will now automatically show the Instagram post.
Publish or update your post and you’re done!
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.
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.
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 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.