Step 3: Configure Your Instagram Feed Settings

Now that you’ve connected your sources and customized the widget’s style, open the Settings tab to fine-tune how your Instagram Feed is displayed and behaves.

Adjusting Size & Grid Settings

The Size & Grid section controls the widget dimensions and how posts are arranged:

1. Width — Use the full available width or set a custom widget width.
2. Columns — Let the widget select the number of columns automatically or set it by device.
3. Rows — Choose the number of rows displayed on desktop devices.
4. Rows on Mobile — Choose the number of rows displayed on mobile devices.
5. Post Spacing — Set the space between posts in pixels.
6. Post Aspect Ratio — Select the proportions used for post thumbnails.
7. Load More Button — Enable or disable the button in the Grid and Masonry layouts.

Carousel layouts provide Carousel Navigation settings, where you can configure auto-slide, animation, scrolling, pagination, swipe navigation, and arrows:

Managing Content Display

Use the Content section to edit the widget title, control how posts are ordered and how many are displayed, and choose the widget interface language:

1. Title — Change the feed title. This setting is only available for certain Headers.
2. Sorting — Sort posts by publication date or display them in a random order.
3. Limit Total Number of Posts — Enable this to set the maximum number of posts to display.
4. Language — Choose the widget interface language. You can also click Edit Text to modify individual interface texts:

Configuring Widget Behavior and Event Tracking

The Behavior section controls how visitors interact with your feed:

Post Click Action

In Post Click Action, choose Open in Popup to display the post on your website, Open in Instagram to redirect visitors to Instagram, or No Action to disable post-click interaction:

When you select Open in Popup, you can choose between the Feed and Slider popup styles and select which post elements to display:

Video Autoplay

Enable Video Autoplay to play videos in post thumbnails and popups. When disabled, video thumbnails remain static and popup videos start only after the visitor clicks Play:

Recently Liked Popover

The Recently Liked Popover toggle lets you enable or disable notifications showing that a post was recently liked:

Google Analytics

Use the Google Analytics section to track how visitors interact with your Instagram Feed. Events can be tracked through Google Analytics or Google Tag Manager.

Open Google Analytics, click Add Event, and choose the events you want to track:

Adding Custom CSS & JS

In the Custom CSS and Custom JS sections, you can add your own code to adjust the appearance and behavior of your widget:

Check out our CSS Codes community for handy snippets and ideas to enhance your widget’s design and functionality even further.