Instagram element

This element is available on all PageFly plans

In this article, you will learn about the Instagram element and how to use it.

About the Instagram element

The Instagram 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.

pagefly instagram element

Drag a variation to layout and see how it can be configured.

Instagram element configuration

Before Instagram feed is displayed on your page, you need to connect to your store’s Instagram. 

Drag and drop the Instagram element into the editor and you can see a notification “To active Instagram Element, please fill out the Access Token parameter!”.

To get the Access Token, choose Connect To Instagram option of the CONTENT parameter in the General tab like the image below.


You will be brought to the Authorization page to authorize PageFly to access your profile info and media.
access token instagram element

Click on the Authorize button to let PageFly access the above requests.

The Instagram element comes with 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.

The parameters in the General and Styling tab are specific for this element.

General tab’s parameters
1. CONTENT
  • Access Token: Enter the access token of your Instagram account. If your page hasn’t been published within 60 days, the access token key will be invalid. You can choose Connect To Instagram option to connect your Instagram account again.
  • Total items: Number of photos you want to display (max value is 20). By default, it will show 4 newest items.
  • Items per Row: Number of photos in a row you want to display (max value is 20).
  • 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. (The minimum height is 100px; maximum is 1280 px)
2. ATTRIBUTES This is a parameter that all elements have. You can read more here.
3. VISIBILITY This is a parameter that all elements have. You can read more here.
4. ANIMATION This is a parameter that all elements have. You can read more here.

Note that you need to be careful to have the correct entered access token key. If the access token key is invalid, the Instagram feed won’t be shown anymore like the image. You can choose the Connect To Instagram option to connect your Instagram account again.

Styling tab’s parameters
1. SPACING You can read about the SPACING parameter here.
2. BORDER You can read about the BORDER parameter here.
3. DISPLAY You can read about the DISPLAY parameter here.
4. CUSTOM CSS You can read about the CUSTOM CSS parameter here.

Was this helpful?

Top 9 PageFly's features to Boost your Holiday Sales

Try out all PageFly features with Free plan

.myshopify.com
Don’t have Shopify store yet? Create store
×

PageFly Help Center is now available in French, Portuguese and Chinese.Please check the flags on the page header.

I got it!
Languages