Add PageFly Instagram Feed Element to a Shopify Store

About Instagram Feed ElementClick to copy

What is Instagram Feed Element?Click to copy

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.

instagram feed

Before jumping to the detailed steps, you can watch this video below:

Access Instagram Feed ElementClick to copy

  • 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 PageFlyClick to copy

  • 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:

instagram feed

  • 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

Instagram Feed Element ConfigurationClick to copy

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 ConfigurationsClick to copy

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”. instagram feed
If your store’s Instagram account is successfully connected, it will display the notification “Access granted”. instagram feed
Total Items: The number of photos you want to display (max value is 20). By default, it will show 4 newest items. instagram feed

There are 2 layout types for Instagram Feed elements to display:

Grid layoutClick to copy

Items per Row: The number of photos in a row you want to display. By default, it will show 4 newest items. instagram feed
Items spacing: Spacing between images (max value is 100 px). instagram feed
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. instagram feed
Image height: Increase/decrease the number of px if you want to change image height (max value is 1280 px). instagram feed

Slideshow layoutClick to copy

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). instagram feed
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). instagram feed
Items spacing: Spacing between items (the maximum value is 100 px). instagram feed
Display partial items: Turn on this option if you want to make the previous and next items partially visible.

 

 

instagram feed
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. instagram feed
Pagination type: There are 3 different styles for pagination. instagram feed
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). instagram feed
Image Height: Increase or decrease the number of pixels if you want to change the item’s height (the maximum value is 1280 px).

 

 

 

 

 

 

instagram feed

You can get further information about ATTRIBUTES, VISIBILITY, and ANIMATION parameters here.

Styling configurationClick to copy

You can check more information about the Styling tab here.

Key TakeawaysClick to copy

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 QuestionsClick to copy

Styling OverviewClick to copy

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?Click to copy

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?Click to copy

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?Click to copy

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.

Thank you for your feedback!

Could not find the answer
to your question?

Chat with us