In this tutorial:

In this article, we will walk you through the process of installing, configuring, and implementing the Instagram Picture plugin for Wordpress. Instagram Picture is an excellent WordPress Instagram plugin that will show your images beautifully and functionally.

What is the Wordpress Instagram Picture Plugin

Yes, Instagram Picture is the name of the plugin and it does wonderful things for your Wordpress site when integrating your Instagram photos. This WordPress Instagram plugin is perfect for embedding your Instagram photos into Wordpress within nearly any location that you see fit. Not only does Instagram Picture allow you to add images to various locations within your Wordpress site, but it also comes with many options to place them such as shortcodes, widgets, and PHP. Additional technical information may also be found on the official Instagram Picture readme file.

How to install the Instagram Picture plugin

As the Instagram Picture plugin is available within the Wordpress plugin directory, it is very easy to install right within your Wordpress dashboard. First, just click on Plugins to the right of your Wordpress dashboard, clock on Add New, and then search for "Instagram Picture".

The first result should be the plugin you are looking for labeled Instagram Picture. Simply click Install below the title.

Wordpress will then take care of the rest in installing Instagram Picture. After the installation has completed, click on Activate. This will then make the plugin fully available for use on your site.

Setting up the Instagram Picture Wordpress plugin

  1. Now that the Instagram Picture plugin is successfully installed, you will need to now just set it up. To the left of your Wordpress dashboard you should now see an option that says Instagram. If you click on that, you will be taken to the main information page. As this is the first time you are setting it up, Instagram Picture will tell you that you need to register your Instagram ID. Click on the link up to top that says "Lets go" to get started.

  2. On this page, you will then need to insert your Instagram ID as well as the access token. If you are unsure of how to obtain your Instagram ID as well as the Access Token, we'll walk you through the process within the next steps.

  3. Getting your Instagram ID and Access token for Instagram Picture

    1. On the page that we were just on, you will see a link to the top that says "Here you will find the information. If you click on that link, it will take you to another page with a button to send you to Instagram authentication.

    2. On the next page, you will need to authorize the Instagram Picture plugin to access your basic information. This allows the plugin to obtain any photos, friends lists, and general profile information. Be sure to authorize your Instagram account to allow it access.

    3. After authorizing Instagram Picture to obtain your basic information, your Instagram ID as well as Access Token will be provided. Be sure to keep this window open as you will need it in a moment.

  4. Now that you have your Instagram ID and Access Token for Instagram available, you may go back to the previous window on the Instagram Picture setup page and enter the information you received. Of course, press Save when you have entered it in.

Updating your photos in Instagram Picture

Now that you have Instagram Picture set up and it is now able to access your images from Instagram, click on the Update link to the left under the Instagram menu option of your Wordpress dashboard. Then, click "Update images" to tell the plugin to obtain all of your photos from Instagram.

Inserting the Instagram Picture Widget into your Wordpress site

Inserting Instagram Picture into your Wordpress site is quite simple. The best option that they leave available is adding them via a widget. As almost all Wordpress themes have widget areas available, adding your Instagram photos as a widget is almost always be best solution.

  1. To add the Instagram Picture widget on your Wordpress site, go on over the the widgets section of your Wordpress dashboard. Widgets will be located under the main Appearance menu option. Here, you will see various available widgets that are able to be added as well as widgets areas. In this example, I am using the default Wordpress theme so you will see two widget areas. Of course, this will vary based on the particular theme that you are using.

  2. To add the widget, simply drag it over the a particular widget area. In this example, I want my photos from Instagram as well as my profile information to display on the sidebar so I will drag and drop the "Instagram Picture User Infos" widget to the secondary widget area. From here, enter any title that you want to display, if you want it to update live or manually, if you want the pictures to be linkable, as well as if you want it to display just profile information or display pictures as well. If you are unsure of the style ID, don't worry. We'll go over obtaining that in the next step.

  3. As Instagram Picture has many options available regarding the general appearance of the images, you would need to select a style ID when adding the widget. Any style IDs are shown right within the Instagram Picture plugin settings. To the left of the page on the menu bar, click on Instagram, then Widget. If you scroll down the page a bit, you will see all of the style options with the style ID printed next to them. Now, you have the style ID to place inside the Instagram Picture widget options.

  4. If you added the Instagram Picture widget successfully, you should now see it within your Wordpress site in the widget area that you defined.

Did you find this article helpful?

We value your feedback!

Why was this article not helpful? (Check all that apply)
The article is too difficult or too technical to follow.
There is a step or detail missing from the instructions.
The information is incorrect or out-of-date.
It does not resolve the question/problem I have.
How did you find this article?
Please tell us how we can improve this article:
Email Address
Name

new! - Enter your name and email address above and we will post your feedback in the comments on this page!

Related Questions

Here are a few questions related to this article that our customers have asked:
What is the price of Instagram Picture plugin
Would you like to ask a question about this page? If so, click the button below!
Ask a Question
2013-11-29 8:39 am
Is it possible to add more instagram profiles on my wordpress website and not only one? If yes, how can I do that?

Gio
Staff
9,968 Points
2013-11-29 6:57 pm
Hello Gio,

It doesn't look like the Instagram Picture plugin allows you to connect multiple Instagram profiles at this time. You might want to contact the developer and request this feature.

Please let us know if you had any further questions.

- Jacob
2013-12-12 3:37 am
Is it possible to use the widget with an automatic diashow which changes the pictures every few seconds?
Staff
9,942 Points
2013-12-12 10:50 am
lomoflomo,

Not at the moment as it pulls the pictures at the time of the page loading, but it may be something I bring up to the developer as a suggestion for the future.
2013-12-16 6:29 pm
When I try update I keep getting this Sorry, connection was not possible, try connection later again. Curl is enabled on your server?
Staff
18,399 Points
2013-12-16 7:30 pm
Hello MoggyAlgarve,

Sorry to hear about your problem! Yes, CURL is enabled. I just installed the plugin based on the information in the article above. I'm running a WordPress 3.8 (latest version) and also version 2.11 of the plugin. The installation and the update work fine for me. You may need to update or uninstall, then reinstall the plugin. If you continue to have problems, you may want to consider contacting the plugin author for specific support on the issue. Check out our troubleshooting WordPress plugins for further information.

Regards,
Arnel C.
n/a Points
2014-03-26 4:08 am

Is it posible to link Intagram Picture to may instagram account page. Not to specific / selected picture, but to my instagram front page?

thanks 

Staff
9,942 Points
2014-03-26 8:00 am
I do not believe it would be possible without changing a large amount of the code for the plugin itself. The creator, Tobias, is reachable via Twitter and is quite active if you want to reach out to him, as he may make it a feature in the future.
n/a Points
2014-03-31 2:29 am

I keep trying to update as I'm trying to set it up on my site however it keeps takng a very long time followed by "gateway time-out" Any other way to get it to update?

Staff
9,942 Points
2014-03-31 8:15 am
Could you clarify exactly what step you are preforming when you get the error?
n/a Points
2014-04-20 2:35 pm

Hi,

May I know if I could enable 'Follow' button using the widget?

Thanks!

Staff
9,942 Points
2014-04-21 9:07 am
I do not believe that the plugin author has implemented a solution to automatically add a follow button within the widget. I do, however, recommend submitting an email to him via his contact form where he may have another solution for you. Although the page is in German, the creator, Tobias, he a good understanding of English and will be able to assist you with any questions about custom options within his plugin.
n/a Points
2014-05-24 7:19 pm

THANK YOU THANK YOU THANK YOU! I'VE BEEN PULLING OUT MY HAIR FOR DAYS TRYING TO INSTALL INSTAGRAM TO MY SITE. 

I AM NO LONGER BALDING AND LUCKILY I HVAE PLENTY OF ELMER'S GLUE TO FIX MY HEAD.

THIS WAS VERY EASY INDEED. THE OTHER'S SUCK... 

n/a Points
2014-05-30 3:17 am

the link to connect the intagram acount doesnt work...

 

how can i get the instagram id and tokem?...

Staff
9,968 Points
2014-05-30 6:16 am
Hello David, and thanks for your comment.

If you are in the Instagram -> Configuration section of WordPress, you should see the link for Here you will find the information. You need to click on that link, and then the green Instagram Authentication button on that page.

It will display both the Instagram-ID as well as Access-Token that you need to use.

Please let us know if you have any further questions at all.

- Jacob
n/a Points
2014-10-29 8:27 pm

That's where I hit a dead end. I keep getting a "404 - Not Found" page when I click on that "Here you will find the information" link. What can I do?

n/a Points
2014-06-06 10:03 pm

Is it possible to post this code into a page so that the instagram photos fill up the page instead of a small widget on the side bar?

Staff
20,848 Points
2014-06-09 2:16 pm
Hello BrentwoodBoy26,

This plugin is specifically designed for a sidebar widget, so it will not function properly within the post area. You may want to check to see if there are other Instagram plugins that may do what you are asking.

Kindest Regards,
Scott M
n/a Points
2014-06-09 9:49 pm

I can't get my pictures to show up! I've linked with my account, and I can see them when I go under the configuration settings, but they are not showing up on my wordpress site, I'm only getting the title. I want to use layout #223. I've messed with all the settings and I can't get it to work..please help! Thanks

Staff
9,942 Points
2014-06-10 8:03 am
Be sure that you have imported your images as described in the Updating your photos in Instagram Picture heading. Without importing them, none of them will appear.
n/a Points
2014-06-10 12:40 pm

Hello,

Currently I am using style 201 which is 2 rows with 6 images across.  Is it possible to customize how many images are on 1 row?  Style 217 has 12 images across but that's too many for me.  I want 10 images on 1 row, is it possible to implement that?

 

Thank you!

Staff
20,848 Points
2014-06-10 1:33 pm
Hello Jessica,

Thanks for your question. There is not a function to customize the number of images in a row beyond the styles unless you wanted to recode the source to do so.

Kindest Regards,
Scott M
n/a Points
2014-06-10 1:47 pm

Hi Scott, can you please let me know how to edit the code for style 217 to have 10 photos a row?

 

Thank you very much

Staff
20,848 Points
2014-06-10 2:12 pm
Hello Jessica,
That is something that needs to be done by a developer. It is not like a setting that can simply just have a number changed. It can also have other effects on the functionality of the widget, not to mention it would have to be redone after every update of the plugin.

Kindest Regards,
Scott M
n/a Points
2014-06-10 3:35 pm

I see. Is there a way to expand the width of the widget to make it full width for the blog, meaning no extra space on the left or right side of the images?

Staff
9,968 Points
2014-06-10 4:32 pm
Hello Jessica,

If you wanted to adjust any of the styling of the Instagram Picture plugin, you would need to go in and manually modify the plugin's CSS file. Note that if you do this, when updating the plugin your changes will revert and be overwritten. Also because the content is from within a Widget area, unless in your theme you have a widget area that stretches the full width of your blog it's not going to exactly fit ideally into your page.

The file you would need to modify is:

/wp-content/plugins/instagram-picture/css/instagram_style.css

On line 7 there is this line:

.header_instagram{width: 100%; margin:0 auto;float: left;line-height: 0px;}



The width:100% can be changed to your desired size. At 100% it's going to take up the entire size of the widget area you've placed it in. So for instance on the Content Sidebar section it would be around 306px wide.

After you change the width, you'll more than likely also need to change the positioning of the widget. It's going to be better to see if you can use a theme that already has a widget section taking up the area that you want. But you can play around and directly modify the CSS code if you want.

- Jacob
n/a Points
2014-06-18 2:05 am

I have installed the instagram widget successfully but now when I make a post and it updates google+page and facebook page automatically it seems to randomly select one of the instagram photos even though they are not in the wordpress image library. Any suggestions on where to look to correct this.

Staff
9,942 Points
2014-06-18 8:23 am
When they pull data, they pull whatever they think is relevant which is not always correct. You can attempt to define OpenGraph data using the WP OpenGraph plugin which may help, although sometimes Facebook will still pull the incorrect data.
n/a Points
2014-06-24 4:29 pm

Everytime i go to "update" is saysERROR: Problem with the SSL CA cert (path? access rights?)

Staff
18,399 Points
2014-06-24 4:41 pm
Hello Shanghai,

If you're seeing a problem with an SSL certificate, then you need to check the SSL certificate assigned to that path. It could be out of date. The SSL certificate most likely has nothing to do with the Instagram plugin. You can check SSL certificate validity here. If you're dealing with a problem that has nothing to do with the plugin above, please use Ask a question option so that we're not adding non-related questions to specific articles.

If you continue to encounter the problem, please provide more information on the problem such as the steps that you're taking to see the problem, a URL of the website, and any specific error message. We have no way to see what website you're on, or access your account (if you have one with us), so it would help us troubleshoot the issue if you could provide this information.

Regards,

Arnel C.
n/a Points
2014-07-24 10:07 am

Hi, i have done the ID and the KEY, but I see that error when i am trying to upload the images: "Fatal error: Call to undefined function curl_init() in /htdocs/www/blog/wp-content/plugins/instagram-picture/inc/update.php on line 88"

 

Staff
9,942 Points
2014-07-24 11:01 am
The curl_init() function is a default PHP function. If you are getting this error, it means that cURL is not installed on the web server. You may need to speak with your hosting provider to enable it on your server.
n/a Points
2014-07-24 8:15 pm
I could not find the Style IDs. Searched and searched to no avail.
Staff
20,848 Points
2014-07-25 3:34 pm
Hello Liz,

The Style IDs should display as shown in step 3 of the 'Inserting the Instagram Picture Widget into your Wordpress site" section. Are you seeing some sort of error instead?

Kindest Regards,
Scott M
Staff
10,994 Points
2014-07-25 3:56 pm
Hello Liz,

Thank you for contacting us. We are happy to help, but will need some additional information. Have you already posted pictures to your Instagram page? It is possible you are not seeing anything, because nothing has been posted there yet.

Are you getting any error messages?

Putting Wordpress in Debugging mode can help provide a more detailed error message?

If you have any further questions, feel free to post them below.
Thank you,

-John-Paul
n/a Points
2014-07-25 3:20 pm

how to show a grid using the shortcode?

Staff
10,994 Points
2014-07-25 4:22 pm
Hello natalia,

Thank you for your question. I couldn't find a specific shortcode for adding a grid in Wordpress, but there are several plugins available, such as Grid Columns.

I'm not sure exactly what you are trying to do, but you may have to just code it out in full, instead of using a shortcode.

If you have any further questions, feel free to post them below.
Thank you,

-John-Paul
n/a Points
2014-07-28 11:33 am

I didn't put my question well, I was wondering if I can assign style_id using shortcodes, (in particular, 208)

Staff
10,994 Points
2014-07-28 12:07 pm
Hello natalia,

Thank you for your question. I looked in the official Support forum for Instagram Picture, and found a similar unanswered post.

There is a discussion in german on that page where they discuss Style-ID's with Shortcode or PHP. You may find your solutions there. Translate the page in Google Chrome, by right-clicking, and selecting Translate to English.

If you have any further questions, feel free to post them below.
Thank you,

-John-Paul
n/a Points
2014-08-18 10:58 am

Hi,

It appears your plugin currently displays photographs from our own Instagram profile as well as images of the people we follow. Is there an option to restrict image uploads to just our own profile?

 

Thanks,Danny

Staff
20,848 Points
2014-08-18 12:17 pm
Hello Danny,

This is not our plugin, but just an installation article for a third party plugin. The settings to do as you request would likely need to be addressed on the Instagram site, as the plugin simply reflects what the feed displays, as I understand it.

Kindest Regards,
Scott M
n/a Points
2014-08-18 7:11 pm

Try these:

Instagram plugins for your WordPress site.

http://www.webstyled.com/instagram-plugins-wordpress/

 
n/a Points
2014-08-19 12:08 pm

Is there anyway that I can set it so that it will only pull images from my account with a certain hashtag?

Staff
10,994 Points
2014-08-19 1:10 pm
Hello Niall,

Thank you for your question regarding the Instagram Picture plugin. Unfortunately, there is no built-in option for displaying pictures from your Instagram account by hashtag.

I looked through many of the other Instagram plugins fro WordPress, and they mostly pull images based on account, or hashtag. I couldn't find one that does both.

This would be a good question to post in the Official WordPress forums, since they are frequented by many WordPress users.

If you have any further questions, feel free to post them below.
Thank you,

-John-Paul
n/a Points
2014-08-21 4:20 am

Hi,

I have a problem with the plugin.

I have install Instagram plugin, find my ID and access token, update my photos on Instagram...

And when I install the plugin in the Widget of Wordpress I see only in my website the Title but i don't see the photos...

Have you a solution ?

Thank you (and sorry for my english ^^)

Valentin

Staff
20,848 Points
2014-08-21 8:00 am
Hello Valentin,

We are not seeing that behavior here. Are you getting any error messages when doing so?

Kindest Regards,
Scott M
n/a Points
2014-08-25 2:02 am

Hi guys,

I installed your plugin just yesterday.

All is working fine. But I have one question: Afer I installed everything and all is working well, I added 3 new pictures on instagram. That was just this night.In this morning, I just checked the plugin in my sidebar and noticed, that the 3 new instagram pics were not shown on my sidebar in your plugin. 

Just right after I manually updated the pictures in the backend, the 3 pics appeared in the frontend.I was hoping that would happens automatically???Where can I set it to that autmatically updating function?Thanks for help!

CheersAlex

Staff
20,848 Points
2014-08-25 11:15 am
Hello Alex,

The plugin does not currently have the ability to update automatically.

Kindest Regards,
Scott M
n/a Points
2014-08-26 7:15 am

I keep getting "Problem of Authentication" coming up and it doesn't go directly to my instagram page.

 

HELP! 

Staff
20,848 Points
2014-08-26 9:21 am
Hello Diane,

At the risk of being obvious, please try and ensure your Instagram credentials are correct. If you are still having the issue, please let us know what step you are on when you get the error.

Kindest Regards,
Scott M
n/a Points
2014-09-03 8:18 am

Hi! 

I have a problem on the step of updating my photos :( I configured my account, clicked on "save"... And then I have again the same window where I have to put again my ig-id and access-token. However I have also this text: "Profil was set. Push the bottom of "Update" for uploading of the actual pictures"

After clicking on "Udpate" I get a new page with the following text: "No profil information was given. Please go back to "Configuration".

So, it looks like an endless cycle :(

Regards,

Katja

Staff
9,942 Points
2014-09-03 2:23 pm
Unfortunately, it appears that you may have bug somewhere in the plugin. I recommend reaching out to the developer for more information on solving the issue.
n/a Points
2014-09-17 8:32 am

Why use plugins when you can use http://www.instget.com .. I use it and Im very satisfied

Staff
10,994 Points
2014-09-17 9:17 am
Hello Matt,

Thank you for your suggestion. Feel free to Post an article about this plugin in our User Submitted section of the Support Center.

If you have any further questions, feel free to post them below.

Thank you,
John-Paul
n/a Points
2014-09-22 5:15 am

Hello, what do you think about my article? :) The easiest way to get your Instagram widget to your website Matt

Staff
10,994 Points
2014-09-22 12:49 pm
Hello Matt,

Awesome article! I have approved it, and updated your link so it is clickable.

If you want to, you can now setup Google Authorship so you are listed as a contributor to our site!

Thank you,
John-Paul
2014-09-23 4:38 am
Thanks a lot John-Paul!

Have a nice day.

Bye
n/a Points
2014-10-06 1:16 pm

Finding this a slick, simple way to feature Instagram account- one question:

Is there a way to configure so a click on an image in the displayed widget opens in a new tab or goes to Instagram accout main page in new tab rather than leaving the originating site altogether?

thx,

Ryan

Staff
20,848 Points
2014-10-06 2:38 pm
Hello Ryan,

Not by default, no. You would need to know where and how to edit the source code to do so. But with enough code knowledge and tinker time, many things are possible.

Kindest Regards,
Scott M
n/a Points
2014-10-20 11:32 pm

Hi.  I'm trying to setup Instagram Picture on a website I've built.  I've successfully gotten an Instagram-ID and Access Token for this plugin on other sites that I've developed, but with this site, when I click on the "Here you will find the information" link, I'm getting a page that says:

 

ipic.tb-webtec.de

 

Objekt nicht gefunden.

Bitte überpüfen Sie die Schreibweise der angegebenen URL.

Object not found.

Please check the spelling of the URL you wish to reach.

 

What's happened???

Staff
9,942 Points
2014-10-21 9:30 am
It appears that the developer of the plugin is having issues with his website at the moment which is causing this. Unfortunately, you would not be able to complete the setup of the plugin until he has resolve the issue.
n/a Points
2014-11-03 11:53 am

I seem to be having the same issue that a number of other users are having, viz, when I click on the "Here you will find the information.", it gives the following error:

Not Found

The requested URL /login.php was not found on this server.

Apache Server at ipic.tb-webtec.de Port 80  Is there any workaround for this? What I actually want is a gallery along with the Follow Me button. And this plugin seems to be the only one that can pull that off. Could you please suggest some other plugin that can do this?
Staff
18,399 Points
2014-11-03 1:06 pm
Hello Saqib,

Sorry to hear about the problem. I did a little digging in their support forum and found that it was reported there. The suggested solution can be found by going here. They suggest recreating your access token and then finding your instagram ID.

Hope that helps to resolve your problem. Please let us know if you have any further questions or comments.

Regards,
Arnel C.

Post a Comment

Name:
Email Address:
Phone Number:
Comment:
Submit

Please note: Your name and comment will be displayed, but we will not show your email address.

65 Questions & Comments

Post a comment

Back to first comment | top

Need more Help?

Search

Ask the Community!

Get help with your questions from our community of like-minded hosting users and InMotion Hosting Staff.

Current Customers

Chat: Click to Chat Now E-mail: support@InMotionHosting.com
Call: 888-321-HOST (4678) Ticket: Submit a Support Ticket

Not a Customer?

Get web hosting from a company that is here to help. Sign up today!