Set up the feed display

Under the account section is the configuration for the feed. There is an Edit section and a Preview section for both desktop and mobile displays. The preview will change upon your settings.

1. Select Feed

If your store has multiple feeds and you want to choose a specific one to display to your customers, find the "Select Feed" dropdown on the dashboard. From the dropdown menu, select the desired feed ID.

To manage your feeds, click the "Manage Feeds" button located next to the feed ID list.

Note: This feature is only visible when your account has more than 2 feeds and is only accessible on the Instagram Feed page.

2. General Options

2.1. Feed Name

This configuration field is required. Please provide a name to identify this feed. This will help you easily distinguish between different feeds. 

Simply enter a name in the provided text field.

2.2. Title

Enter the title for the feed or leave it blank to hide the title.

2.3. On post click

Here you can choose the action for when customers click on a certain post.

• Show post details: A popup will show up with the media, account name, caption, and the published date. Customers can click the arrow to see the next posts. They can also click the account name or the See on Instagram text to be redirected to your Instagram account page, or the media to be redirected to that post on Instagram.
• Show media only: A popup will show up with the media only. Customers can click the arrow to see the next posts, or click on the media to be redirected to that post on your Instagram page.
• Redirect to Instagram: Visitors will be redirected to that post on your Instagram account page.
• Do nothing: No action happens upon clicking.

View the results by clicking on the post in the preview section.

2.4. Feed Layout Display

a. Format, Post Spacing, Rounded Corners & Max Number of Posts

Format: Choose the post display format: 1:1 (square) or 9:16 (vertical).

Post Spacing: Choose spacing size among the posts in the feed. The default value is 5px and the maximum is 20px.

Rounded Corners: Set the degree of rounded corners for the posts. The default value is 5%.

Max number of posts: Choose the maximum number of posts to be displayed on the feed. The minimum value is 1 and the maximum is 25 (Shopify’s limit).

Note:

• If your account has more posts than the chosen value, this app will show the latest posts until the limit is reached.
• If your post has more than 1 image/video: By default, our app will only display the first one. Or contact us if you want to show all.

b. Layout: Slider & Grid

This Instagram Feed app supports 2 layouts for you to choose from: Grid and Slider.

Grid: The feed will be displayed in a grid layout. We’ve set the default number of posts per row for both desktop and mobile. If you want to change it, please contact us.

Slider: The feed will be displayed in a slider/carousel layout. Here, you can:

• Choose to enable Auto-play mode or not.
• Set the auto-play time to the next post at Change slide every (second). The maximum value is 10 (or contact us to change the max value).
• Customers also can click the arrow to switch to the next post.

2.5. Responsive layout

This function determines the responsiveness of the layout in your storefront.

If you select "Auto":

• The layout will automatically adjust to different devices.
• For example, desktop will display 5 columns, tablets will display 4 or 3, and mobile will display 2.

If you select "Manual":

• The number of columns displayed in a single row will be based on the value you set in the "Columns" configuration.