Flo Instagram Plugin

Description

Flo Instagram plugin can display Instagram images from a single Instagram user’s
photo collection.

The Instagram images are available via Widget & Shortcode options

Installation

Through server:

  1. Unzip and Upload all files to a sub directory in “/wp-content/plugins/”.
  2. Activate the plugin through the ‘Plugins’ menu in WordPress.

Through admin:

  1. Upload the zip and activate plugin.
  2. Activate the plugin through the ‘Plugins’ menu in WordPress.

Usage

First of all after activating the plugin, a new option in the WP dashboard will appear – FLO Instagram

Screen Shot 2014-03-27 at 3.17.31 PM
By going to ‘FLO Instagram’ menu, you’ll access the plugin settings panel. Here you will need to add the Instagram User ID and Access Token. Click on Get Access Token to get your User ID and Access Token.

Note! you need to be logged into your Instagram account in order to generate the codes.

To generate the access token, the plugin provides a link to our server which will redirect you to http://instagram.com to authenticate and authorize our application. Once you authorize the app, it will generate the access token and will be shown on the screen. We do not store any user data on our end.

Screen Shot 2014-03-27 at 2.53.20 PM
After adding the details, FloInstagram plugin will be ready to use.

Every time we want to retrieve images from Instagram we have to submit a request to a remote server, that increases the loading time of the web page. Because of this, we recommend that you use our Cache feature.

Screen Shot 2014-03-27 at 2.56.27 PM

To create one or more Instagram photo feeds, use the Flo Instagram widget.

NOTE! If you are updating from version 1.0, then you may need to review the widget options and save the settings again.

Screen Shot 2016-06-03 at 3.34.51 PM

Or use the following shortcodes to generate an Instagram feed in the content area of a Post or Page. When editing any page or blog post in visual mode, there will be a shortcode builder available that will help you easily to make the shortcode without having to memorise the parameters.

Screen Shot 2014-03-27 at 2.41.01 PM
By default the shortcode will display 10 images image.

**Examples:**

[flo_instagram padding=”20″ use_pattern=”” nr_columns=”4″ limit=”10″ user_id=”7020107” hashtag=”” ]

Below I’ll explain each parameter:

* padding – The distance in pixels between images
* use_pattern – If this option is set to ‘on’ then a pattern of images having different size will be created and the next option ‘nr_columns’ will be ignored.
If this option is not activated, then all the images will have the same size and user can select how many columns to have.
* nr_columns – Allows to control how many columns to have if ‘use_pattern’ is not active.
* limit – How many images to show. Maximum 20 images will be displayed if a bigger value is set.

Also there is another Shortcode that will generate a button that will link to the provided Instagram account.

[flo_instagram_follow label=”Follow me” instagram_url=”http://instagram.com/zaetwwesmd” ]

* label – The button’s label
* instagram_url – The URL to the Instagram account where you want the button to link.

Note. instagram API updates

On June 1st 2016 Instagram has changed their API rules, therefore the plugin has received some updates. Now if you want to display several feeds belonging to different users, it is necessary to provide the User ID and the Access Token for each user. For that it is necessary to use at least version 1.2. If you are using an older version, you don’t have these options.

In version 1.2 there are new fields for the widget and shortcode to add the User Id and the  Access Token. This allows each widget or shortcode to show feeds belonging to different users if necessary.

Below you can see the screen shots of the new fields:

insta-widget

insta-sh

Access token expiration

Sometimes the access token issued by Instagram is expiring, and in this case the feed may disappear. In this case it is necessary to regenerate the access token.

26867d207c6948f4bb1a8c93bda46f35