About Instagram Feed Element
What is Instagram Feed Element?
The Instagram Feed element is designed to integrate the social network into your page to increase your conversion rate. You can use this element to add social proof for your store, products, or simply introduce the social media pages of your brand to your visitors.
Before jumping to the detailed steps, you can watch this video below:
Access Instagram Feed Element
- Step 1: Click on the Plus icon which is the Add element function
- Step 2: Click on the Instagram element in the dropdown menu
- Step 3: Drag and drop the element you want into the page editor and then start using it.
Integrate Instagram Account into PageFly
- Step 1: You need to connect to your store’s Instagram, in order for your Instagram feed to be displayed on your page.
- Step 2: Drag and drop the Instagram element into the editor. Then, you can see a notification “To active Instagram Feed Element, please connect to your Instagram account”.
- Step 3: Please go to the General tab, choose Connect to Instagram option of the Content parameter like image above
You will be directed to the Login page of Instagram as the image below:
- Step 4: Enter your store’s Instagram account information and choose the Allow button to authorize PageFly to access your profile info and media.
Instagram Feed Element Configuration
The Instagram element has plenty of parameters allowing you to fine-tune the content appearance to reach the best possible conversion rate. Select the element in the layout to see its parameters.
General Configurations
| If your store’s Instagram account has not connected/ failed to connect or your page hasn’t been published within 60 days, it will display the notification “Access ungranted or expired”. |  |
| If your store’s Instagram account is successfully connected, it will display the notification “Access granted”. |  |
| Total Items: The number of photos you want to display (max value is 20). By default, it will show 4 newest items. |  |
There are 2 layout types for Instagram Feed elements to display:
Grid layout
| Items per Row: The number of photos in a row you want to display. By default, it will show 4 newest items. |  |
| Items spacing: Spacing between images (max value is 100 px). |  |
| Enable Equal Height: Turn on this option if you want all images displayed to have an equal height. And you can adjust the height for them. |  |
| Image height: Increase/decrease the number of px if you want to change image height (max value is 1280 px). |  |
Slideshow layout
| Items per Show: The number of items in a row you want to display. By default, it will show the four newest items (the maximum number depends on the Total Items you’ve set above). |  |
| Items to Scroll: The number of additional items in a row you want to scroll. By default, it will show two items (the maximum number depends on the Items per Show you’ve set above). |  |
| Items spacing: Spacing between items (the maximum value is 100 px). |  |
| Display partial items: Turn on this option if you want to make the previous and next items partially visible.
|
 |
| Navigation type: There are 5 different styles for the left/right arrow navigation buttons on the slide. You can choose ‘None’ and navigate between items by clicking on the pagination. Please note that some navigation options only appear on mouseover. |  |
| Pagination type: There are 3 different styles for pagination. |  |
| Enable Equal Height: Turn on this option if you want all images displayed to have equal height. You can also adjust the height for them (the minimum height is 100 px, and the maximum is 1280 px). |  |
| Image Height: Increase or decrease the number of pixels if you want to change the item’s height (the maximum value is 1280 px).
|
 |
You can get further information about ATTRIBUTES, VISIBILITY, and ANIMATION parameters here.
Styling configuration
You can check more information about the Styling tab here.
Key Takeaways
Social Media is one of the vital tools to help increase store authority. The Instagram Feed Element is the best social network for your Shopify page, as it helps to increase your conversion rate by your ready-to-use photo feed.
Frequently Asked Questions
Styling Overview
| How many items per row can I add up to? | 20 items |
| Maximum spacing between images? | 60px |
| Picture height requirement? | 100px – 1280px |
Why should I add Instagram Feed to Shopify Store?
Using PageFly Instagram Feed Element is the best way to add social proof to your store, products, and to introduce the social media pages of your brand to page visitors.
Can I insert Instagram Photos to my Shopify Store?
Yes you can, maximum of 20 images. By fault, it should only show 4 items.
Do I have to manually insert and edit every Instagram photo?
No, you don’t. Once your Instagram account is successfully connected with your Shopify account (by a notification said ‘Access granted’), the photos will be inserted itself. The images will be in the same order on your own Instagram feed (Check your Feed in the Phone Instagram App to compare), and then, you can style this section separately.
