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.