A comprehensive database for everything WordPress related.

TOP
WPKlik Logo Newsletter

Sign up and get your free copy of WordPress blogging checklist 2019

A Complete Guide to Instagram Feed Plugin

A Complete Guide to Instagram Feed Plugin

With Instagram being the most popular photo and video-sharing social networking service on the web, it’s no wonder that both big brands and small businesses make sure to incorporate it into their marketing strategy. Instagram works on the principle of visual sharing, which makes this app a perfect place for individual users and big corporations alike. People love it because they get to share all that they’re about with the world by the means of pictures, while businesses use it because it can help give a distinct personality to their brand.

Just like sharing your website’s content on social media, having an Instagram feed placed somewhere on your website or blog is also a great way for your visitors to learn more about you and engage them by showing the pictures related to your products. In order to showcase what you’re all about in the best way possible, having a clean and responsive feed is a must. And that’s exactly where Instagram feed plugin can come in handy.

Not only is this plugin super simple to setup, it also has a great number of options that will enable your feed to blend in with your website’s design flawlessly. We will tell you all that you need to know about Instagram feed plugin and how to set it up properly in order to use its maximum potential.

Instagram Feed Plugin

How to access it

After you download and install your Instagram Feed plugin, you can access the Instagram Feed page on your WordPress Dashboard.

Access Instagram Feed Plugin

Then, a new screen will appear on which you’ll be able to see a few options, such as Configure, Customize, Display Your Feed, and Support.

Configure tab

This tab contains a couple of options that are necessary to set up before you start customizing your plugin.

  • Configure option lets you connect your Instagram account to your WordPress site. To do so, just click on the blue button that says Connect an Instagram Account. If you’re already logged in to your Instagram, then your feed will automatically connect to your WordPress website once you click this button.
  • Preserve settings when plugin is removed – checking this option allows you to keep all your settings even after you delete the plugin. In this way, if you end up installing the plugin again, all your options will already be set up.
  • Check for new posts every – this option lets you decide the time frequency at which you want your plugin cache cleaned so that your feed gets updated and displays any of your Instagram changes, if there are any.
  • There is also a Hashtag option that you can only use if you pay for pro version of the plugin.
Configure tab

In case the button for connecting your account is not working, just press the “Button not working?” option and you will be able to get Instagram Access Token from the plugin creators’ site which you will then insert manually.

Get Instagram Access Token

Customization options

Customize tab contains all the settings that you need in order to completely adapt Instagram Feed plugin to your needs. There are both basic and advanced settings. However, you can only access the latter if you pay for pro version.

Here you get to choose the feed width and height, background color, the number of photos that you want displayed, whether you want to show ‘load more’ and ‘follow’ buttons, and more.

After you’re done with customizing Instagram Feed to your liking, don’t forget to Save Changes.

Plugin Customization Options

How to Display your feed

By using the shortcode, you can insert your Instagram feed anywhere you want on your site, whether it’s directly on a page, post, or in your sidebar as a widget. Here’s how the shortcode looks like:

[instagram-feed ShortcodeOption ShortcodeOption]

The basic shortcode is [instagram-feed]. If you put your code like this on your page, the Instagram feed that you will get is the one that you’ve already set up using the Customize option.

If, on the other hand, this isn’t enough for you and you wish to generate your own shortcode, you can find a list of all available shortcode options in the Display Your Feed tab:

Plugin Display Options

What you need to do is find the characteristics that you want your Instagram feed to have, and just add them to the code. For example:

[instagram-feed width=100 num=4 cols=2 colsmobile=1 showheader=false showfollow=true]

This is the shortcode that you can add to your page.

Add Shortcode

So, the allowed width of our Instagram feed will be 100%, and it will contain 4 pictures, 2 columns, one column on smaller devices, and its header won’t be displayed but it will contain a follow button. You can see how it looks like in the picture below:

Instagram feed

If you want to remove Load More button, you can add this shortcode:

[instagram-feed width=100 num=4 cols=2 colsmobile=1 showheader=false showfollow=true showbutton=false]

If you want to insert your Instagram Feed as a widget, then you need to do so in the Text field:

Instagram Feed Widget

And this is how your Instagram feed widget would look like:

Instagram Feed Sidebar

Instagram feed on mobile

When it comes to your website’s appearance on mobile devices, it’s very important to mention the Disable Mobile Layout option. You can find it in the Customize tab.

Disable Mobile Layout

The purpose of this option is to set whether your mobile will display as many columns of Instagram pictures as the big screen does. Imagine, for example, the case where you have 6 columns in your footer. This looks great on big devices, but it appears way too small on mobile phones.

Mobile Phones View

In case the number of columns is the same both on big screens and mobile devices, this means that the Disable Mobile Layout option is checked.

If you don’t want your pictures arranged into columns but want them lined up one below the other, then the only thing that you have to do is uncheck this field.

Instagram Plugin

If you plan to create your own shortcode, you can add disablemobile=true to your code. This will have the same effect as the check/uncheck field.

What you get if you go pro

If you decide to buy a pro version of Instagram Feed plugin, there are plenty of other features that you get upon installation. Among other things, you will get to display hashtag feeds, filter your posts based on your hastag or word, combine different feed types, display your likes and comments, play videos, etc. You can also setup multiple layout options, such as Grid, Carousel, Masonry, and Highlight.

Not only that, but you will also have an option of contacting the plugin’s friendly support team that is always on hand to help with any issue you may have. Plus, in case you’re not happy with the pro version, there is a 30 day money back guarantee.

Here’s a small glimpse of how your Instagram feed can look like with the pro version.

Carousel layout:

Premium Version Carousel

Standard:

Premium Version Standard
Newsletter

WordPress perfection at your fingertips.

If you enjoyed this article, feel free to subscribe to our newsletter using the form below. You can also follow us on Facebook and Twitter and subscribe to our YouTube channel for WordPress video tutorials.

Leave a Reply