Instaconnect configuration

Create and Customize Your Feed


Step 1: Create the Default Feed

When you connect your Instagram account for the first time, the app will create a default feed with the latest posts from your account or selected hashtag. This feed can be customized according to your preferences.


Step 2: Layout Customization

Go to the "Customize Feed" section.

Here you can choose from different predefined layouts:

Grid: Displays posts in a uniform grid.

Masonry Classic: Displays posts with different image sizes in a more flexible style.

Masonry Grid: Similar to the previous option but with a more fluid grid.

Slider: Displays posts as a sliding carousel.


Step 3: Add Animations (Available Only in the Pro Plan)

In this section, you can add entry and hover animations to your posts, making your feed more interactive and attractive.


Step 4: Customize with customCSS (Available Only in the Pro Plan):

Once the Instagram account or hashtags are connected, you can start creating your feed by selecting the posts you want to display in your store.

custom-feed-container

The main container for the entire feed. Controls the global style of the component, including margins, padding, and background colors.

custom-feed-post-button

Buttons that wrap each post. These buttons are interactive and allow actions such as opening a modal or showing more details.

custom-feed-post-image

Controls the style of images within the posts. Designed to maintain a clean and adaptable format.

custom-feed-show-more-container

Container that holds the "Show More" button, which appears at the end of the feed if there are more posts to load.

custom-feed-show-more-button

The "Show More" button itself, used to load more posts.

additional-container

Additional container to display interactions, comments, or tagged products. It is a dynamic area that changes based on user interactions.

detailed-post-icons

Specific icons for interactions like "Likes," comments, or redirects. These icons are displayed alongside related texts.

detailed-post-texts

Texts that accompany the icons and detail information such as the number of "Likes," comments, or prices of tagged products.