Facebook Like element

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

About Facebook Like element

The Facebook Like element is designed to integrate this feature 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.

facebook like element

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

Facebook Like element configuration

The Facebook Like 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.
  • URL To Like: The Facebook page URL. This is a required field.
  • Content layout: Layout of Facebook Like.
    • Standard: Like button and written text of the number of likes
    • Button: Only like button.
    • Button Count: Like button and number of likes on the right.
    • Box Count: Like button and number of likes on top
  • Button Size: Size of the button.
  • Include Share Button: Show or hide Share button.
  • Show Friend’s Faces: Show or hide Facebook friend’s avatar (apply to Standard Content Layout).
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. BACKGROUND You can read about the BACKGROUND parameter here.
3. BORDER You can read about the BORDER parameter here.
4. DISPLAY You can read about the DISPLAY parameter here.
5. CUSTOM CSS You can read about the CUSTOM CSS parameter here.

Was this helpful?

Try out all PageFly features with Free plan

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