How to Configure Instagram Layout on Your WordPress Website (Part 2)

Are you looking for an easy way to configure Instagram layout on your website?

A simple media-sharing app has gone a long way.  Over the years, it has become the most influential social platform for brands. Studies show that-

  • 7 out of 10 hashtags on Instagram are branded
  • 71% of US businesses say that they are on Instagram

The growing statistics indicate that soon social feeds are going to be an integral part of any business. So it’s best for you to present some valid social proof for your users. And for that, you need a social media tool.

That’s why in this article, we’ll share with you the best way to integrate your Instagram settings without any technical skills. By following the newbie-friendly tutorial, you can easily display your Instagram feeds to your WordPress in less than 5 minutes.

Instagram layout

When you’ve got the most trusted social media tools for marketing, you can display completely customizable feeds within no time. Moreover, you don’t have to worry about HTML, JavaScript, CSS, or different coding languages. So let’s talk about the Instagram layout-

Source

To start the customization, click on the Source button to change the Instagram Feeds Layout Type. A drop-down menu will appear.

Feed Type

We have two types of Feed; Account and Hashtag.

However, the Hashtag account type is for Business Account. 

Here, for demonstration purposes, we will go with User Account Feed Type.

Instagram layout feed type
Feed Type

Select the Account feed type; you need to select a User Account. Once you select the User Account, for us it’s WPManageNinja, click on the Fetch Feeds button.

Insgram layout user account
Select an User Account

Remember, users can fetch from multiple accounts. 

All the Instagram feeds will appear automatically on your website.

Template

To proceed on Instagram layout, click on the Template option from the right side of the settings panel. Once you click, a drop-down menu will appear.

Instagram layout Templates
Template

At the moment, we have three types of Layout Types available; Grid, Carousel, and Masonry.

However, to get Carousel and Masonry, you need to upgrade to the Premium version.

Instagram layout Layout type
Layout Type

Here, you can select any Layout Type for your website!

Carousel Settings

Do you want a Carousel setting on your website?

Once you are in this stage, remember, if you choose the Carousel Layout Type, a new setting will come up.

Instagram layout Carousel settings
Carousel Settings

We have 5 options for Carousel Settings; Autoplay, Autoplay Speed, Slides to show, Slides to scroll, and Navigation.

Autoplay

Control your Autoplay for your Instagram Posts.

Instagram Autoplay
Autoplay

Just turn off the button if you don’t want to display the Autoplay.

Autoplay Speed

Next is Autoplay Speed. In this Instagram layout, you can adjust your autoplay speed limit.

Instagram layout autoplay speed
Autoplay Speed

Click on the plus sign to increase the speed limit. And to decrease the speed limit, hit on the minus sign.

Slides to show

After that, go to the Slides to show. Let’s adjust the number of slides that will be displayed on your website.

Slides to Show

We have selected 3 Slides to show. However, you can increase or decrease the Slides to display.

Slides to scroll

Next, you can edit your Slides to Scroll button.

Slides to scroll

To do that, check the right side of the settings panel. Here, you can adjust your number of slides that will be displayed on your website.

Navigation

In this Navigation section, we have three options; Arrows and Dots, Arrows, and Dots.

Instagram layout Navigation
Navigation

Here, you can see both Arrows and Dots as we have selected this. You may select any!

Template Type

Next, we have Template Types. Select a Template from the settings panel.

Template type
Template Type

If you select Template 1, all the captions and hashtags will appear in front of the post, as you can see.

Select Template

However, if you select Template 2, the caption and hashtag will display below the post.

Number of Columns

WP Social Ninja Instagram layout has all the features that you’ll need. Here, you can change the Number of Columns on your website. It’s a simple task.

Number of Columns

All you need to do is select the columns that you want to display. 

We offer seven ways to sort the Number of Columns; 1 Columns, 2 Columns, 3 Columns, 4 Columns, 5 Columns, 6 Columns and 10 Columns. Select any that fits your brand right.

Columns Gap

Next is Columns Gap. We have six types of Columns Gap available at the moment; Default, No Gap, Narrow, Small, Wide, and Wider.

Columns Gap
Columns Gap

Here, we have selected the Default option. You may select any according to your brand.

Once you’re done customizing your Instagram layout, don’t forget to click on the Save Template button. And move on to the next step below.

Next up, it’s time to curate your Filters.

Filters

When you click on the Filter button a drop-down menu will appear.

Instagram layout filters
Filters

Filter has three sections to display your Instagram feeds; Number of Posts to Display, Posts Order, and Types of Posts.

Number of Posts to Display

Next, select the Number of Posts to Display on your website. Moreover, you can increase or decrease the Number of Posts.

Numbers of Posts to Display

To do that, click on the Plus or Minus sign.

Posts Order

Next is Posts Order. Adjust your post order from the following options; Ascending, Descending, Most Popular, Least Popular, and Random.

Remember: Most Popular, Least Popular, and Random posts order are for Pro features.

Instagram layout posts order
Posts Order

We have selected the Ascending Posts Order. You may select any for your feed.

Types of Posts

After Posts Order, you can set up your Types of Posts. Click on the drop-down menu, and a few options will come up.

Types of Posts

At the moment, we have All Posts, Videos Only, and Images Only.

Images Only

We have selected Images Only, and you can see all the images are displaying.

Furthermore, Types of Posts have a show/hide button that contains Search terms or Hashtags. So now, you can display a post that has a specific word or hashtag.

Instagram layout hashtags
Show Posts

In this screenshot, you can see the post containing hashtag #genesis. Similarly, you can hide your posts with a specific search term or hashtag.

Hide Posts

Here, you can see the hashtag post is not displayed.

Don’t forget to show/hide posts. You can use multiple search terms or hashtags in the editor panel.

Final notes

When you expand your business on social media platforms, you get more engagement, increase your followers and boost sales too. And for that, you need to embed social platforms on your website to fetch social feeds, add social reviews and live chat instantly.

Instagram layout final notes

We hope you’ve learned how to easily integrate the Instagram layout on your WordPress website with the WP Social Ninja. For further settings, please check out our Instagram configuration part 3.

And if you enjoyed this article, have a look at our articles-

Similar Posts

Leave a Reply