How to display Instagram feeds and gallery on your WordPress website?

0
132
How to display Instagram feeds and gallery on your WordPress website?

Adding Instagram Feed on your WordPress website can be an effective way to increase the engagement of your website. It allows you to display the Insta post (photos and videos) right onto your website, making it easier for your audience to view your Instagram activities directly from your website. This will not only make your website more informative and engaging but can also play a massive role in increasing your Insta follower and social reach of your business.

How to Add Instagram Feed on your WordPress website?

If you are using WordPress version 5.0 or above, you can embed Instagram photo/video on any page/post using the inbuilt Gutenberg content block. However, the default Instagram block will only let you insert a single post (image/video) on your content. Also, the features provided by the Insta content block is very minimal and you won’t be able to style up your Instagram feeds/gallery as per your preference.

If you want to add Instagram feeds on your WordPress website in a stunning way with different customization options, then we recommend you to a WordPress Instagram feed plugins available. These plugins come with different layouts and customizable features to embed Instagram feeds in an eye-catchy way. 

Here, we will use AccessPress Instagram Feed Pro to show you how to display Instagram feeds and gallery on WordPress website. 

It is a premium WordPress plugin by AccessPress Themes packed amazing features to add Instagram feeds on your blogs, pages or widgets.

Best Features Available on AccessPress Instagram Feed Pro:

  • 25 Ready to Use Instagram Templates
  • 10+ Advanced Hover Animation Effects
  • 6 Different Lightbox Effects
  • Image Sorting Option
  • Image Filtering Option
  • Counter Display Format Option
  • Add Instagram Follow Widget on Sidebar
  • Shortcode Usage to Display Instagram Feed on Any Page or Post

Live Preview | Details | Purchase | Support

Addin Instagram Feeds and Gallery on WordPress Website Using AccessPress Instagram Feed Pro:

Now let’s get started with this tutorial and embed some amazing Instagram feed on your WordPress website:

Step 1:

Purchase AccessPress Instagram Feed Pro from CodeCanyon marketplace at a reasonable price of $18. Then, install it on your WordPress website.

AccessPress Instagram Feed Pro

If you have any difficulties on the installation of the plugin, you can refer to its documentation or check out the article: How to Install a Plugin on your WordPress website

After you have installed the plugin, activate it.

Step 2:

Upon activating the plugin, you can see “AP Instagram Feed Pro” on the left menu of your WordPress dashboard. Click on it to continue.

You will land to the listing page of the plugin. It stores the list of all the Instagram Feeds you create.

Listing Page

To add new Insta feed, click on “Add New” button.

Step 3:

You will land to the setting page of the plugin. It contains all the options for the creation of engaging Instagram feeds and galleries.

It comes with 4 different settings tab. They are:

General Settings:

Here, you can enter the name of your Feed, choose the feed type, and enter the allowed and blocked feed. 

General Settings

You can also sort the Instagram posts as per likes, comments, date or in random order.

Display Settings:

From here, you can set the number of images that you want to display on your Instagram feed and choose their size.

Display Settings

You can also enable/disable Instagram link, profile link, user profile image, user name, image like count, and image comment count.

Template Settings:

Here, you can choose the appearance for your Instagram feed from 25 beautifully designed Instagram templates.

Template Settings

Advanced Settings:

This settings tab allows you to enable the lightbox for your Instagram feed. After enabling the lightbox, you can choose any of the 6 available lightbox templates to view the detail of the post.

Advanced Settings

You can also pick the most suitable color for theme accent, image text, image text hover, comment count and like count.

After you are done, click on “Save” button.

Step 4:

Now that you have created the Instagram, it’s time to configure its settings. 

To configure the Instagram settings, go to AP Instagram Feed Pro >> Instagram Settings.

Instagram Settings

Here, click “Get New Access Token” to automatically generate the user name, user ID and Access Token of your Instagram Account.

You can also enable cache, set cache period, and enable link for username and tags in image caption.

After that, click on “Save Settings” to save your configuration.

Step 5:

Now go to AP Instagram Feed >> Instagram Feeds and copy the shortcode on your newly created feed.

Add Instagram Feed

Then, paste it on any page, post, or widgets where you want to display your Insta feed.

How does the Instagram Feed Look in the Live Website?

Now that you have completed the guide, the Instagram feed might look like the one below on the screenshot.

LEAVE A REPLY

Please enter your comment!
Please enter your name here