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!

Like this Article?

Comments

Post a comment
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,521 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
7,372 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
15,484 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
7,372 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
7,372 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
7,372 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,521 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-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
15,308 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
7,372 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
15,308 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
15,308 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,521 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
7,372 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
15,484 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.

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.

News / Announcements

WordPress wp-login.php brute force attack
Updated 2014-07-17 06:43 pm EST
Hits: 200883

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

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!