Facebook Page element

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

About Facebook Page element

The Facebook Page 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 facebook page element

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

Facebook Page element configuration

The Facebook Page element comes with plenty of parameters allowing you to fine-tune 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 tabs are specific for this element.

General tab’s parameters
1. CONTENT
  • App ID: Facebook App ID. This is a required field. Please go to this link https://developers.facebook.com/, click on the “Get Started” button located on the top right and follow the instruction to get your Facebook App ID.
  • Page URL The Facebook page URL. This is a required field.
  • Page Tabs: Show/hide the tabs of Facebook page. You can select multiple tabs at once
    • Timeline: Display the timeline of your Facebook page.
    • Events: Display the event of your Facebook page.
    • Message: Allow visitor to send a message directly to your Facebook page.
  • Overall Width: Width of the box (min value is 180 px, max value is 500 px).
  • Overall Height: Height of the box (min value is 70 px, max value is 1000 px).
  • More settings:
    • Use Small Header: Put the “Liked” icon under your Facebook page name and hide the “Send message” button.
    • Adapt Width: Responsive to different screen sizes.
    • Hide Cover Photo: Hide the cover photo of your Facebook page.
    • Show Friend’s Faces: Show the avatar of your visitor or visitor’s friend that liked your Facebook page.
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.
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?

Start your free 14-day trial
of PageFly

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