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