How to embed your Instagram feed and images into WordPress

Instagram

Got a new puppy? Instagram it!

This will show you how to easily get your Instagram feed and individual images displayed inside WordPress.

At nearly 100 million users Instagram is a huge social network. One that rides the exploding number of happy snappers with smartphones.

Read some crazy Instagram stats here.

Embedding Instagram images into WordPress

1. Find the image on Instagram you want to embed.

Copy this URL

3. Copy the URL from the top of your browser and paste it anywhere in a post or page on a separate line.

After you’ve published your page it will display like so:

For that washed-out look that everyone loves!

How to embed your Instagram feed in WordPress

1. Log-in to your WordPress site, go to Plugins >> Install New and install Simply Instagram. Need help installing plugins? Read here.

2. Activate the plugin and go to Settings >> Simply Instagram.

3. Click on the Login button and enter the username and password for your account.

Instagram login

You will be redirected back to the settings page for the plugin where you can customize the short code to display your feed.

simple instagram shortcode generator

There are a few different options here but of you want to cut to the chase (and who doesn’t?) go to the next step.

4. Create a new page or post and call it something like “My Amazing Instagram feed”, then paste in the code below into your page.

For all recent media

[simply_instagram endpoints="users" type="recent-media" size="thumbnail"]

For your own recent uploads only

[simply_instagram endpoints="users" type="self-feed" size="thumbnail"]

This will generate something that looks like this:

my instagram feed

You can see just how active I am on Instagram!

Adding the Instagram widget

If you want some of your latest Instagram images in your sidebar then you will need to:

1. Navigate to Appearance >> Widgets and drag one of the four Simply Instagram widgets into your sidebar or footer areas and configure.

Simply Instagram Widgets

 

Plugins used in this tutorial

If you have any questions let us know in the comments.

11 Responses to “How to embed your Instagram feed and images into WordPress”

  1. solorzanochris November 28, 2012 at 7:29 am #

    Thanks! This is what I was looking for.

  2. Cathy Chester December 3, 2012 at 4:36 am #

    Instagram will not download on my iPhone after I got Instagram via iTunes. My phone app just says “WAITING’. Any ideas on what to do? I can’t find help on the Instagram website.

    • Cathy Chester December 3, 2012 at 8:27 am #

      My question was why is my iPhone still say “WAITING” after I downloaded Instagram. That is all it says next to the app – WAITING. I cannot use Instagram until it downloads and I set up an account. I don’t know who else to ask but you. Thanks.

    • Herrin December 3, 2012 at 8:37 am #

      Sounds like it got stuck downloading. Try deleting it from the phone and from iTunes and then re-downloading the application to start fresh.

  3. Lotta April 14, 2013 at 9:04 pm #

    Hi!
    I have a problem. I have installed Simply Instgram at my wordpress site and I have athorized my account etc. But it shows the feed with the one I follows! I ONLY want to display MY OWN Instagram pics. How do I change that in wordpress????
    (The website aint finished yet, only a test site)

    • Herrin Larkan April 15, 2013 at 1:14 pm #

      I’ve updated the article to include the code for only your own Instagram feed.

      The code you need to add is:

      [simply_instagram endpoints="users" type="self-feed" size="thumbnail"]

      Thanks for helping improve this guide! :-)

  4. ubccsa July 29, 2013 at 2:36 pm #

    I kept of getting an error when installing. Maybe the plugin is not compatible with my wordpress version although it says it is. I ended up using the iframe code from instaembedder.com =D, so easy.

  5. Julia October 20, 2013 at 9:04 pm #

    What’s the code to use for when you want your feed (not just your photos!) to appear?

    Thanks :)

    • Herrin Larkan October 20, 2013 at 9:21 pm #

      For this I would suggest playing around with the settings for the Simply Instagram plugin until you find one that displays the way you want.

      Go to Settings >> Simply Instagram and experiment with the Shortcode Generator , republish your page and check the results until you find something that works.

      Thanks for commenting.

  6. Wayne May 11, 2014 at 8:03 pm #

    Hi,

    Im trying to create a instagram feed onto my bottom right hand footer of my wordpress site. I’ve followed the instructions given on the simply instragram simple code generator but bot getting no luck. Please can you help?

    Website http://www.bubbleandbounce.uk

    • Herrin Larkan May 11, 2014 at 10:25 pm #

      In that case you want to use the Widget that appears in Appearance >> Widgets and add it to a footer widget area.

We'd love to know your thoughts...