About Facebook Like & Share Element
Facebook Like and Share Element is designed to integrate this feature into your page to increase your conversion rate, which is also great for community building.
Sellers can use these Facebook Like and Share elements to add social proof for your store, products or simply introduce the social media pages of your brand to your visitors.
How To Access Facebook Like and Share Element
- Step 1: Click on the Plus icon which is the Add element function
- Step 2: Click on the Facebook Like & Share element in the dropdown menu
- Step 3: Drag and drop the element you want into the page editor and then start using it.
How To Configure For Facebook Like and Share Element
You can watch this video tutorial for more visualization:
The Facebook Like & Share 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 Configuration
| 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 instructions to get your Facebook App ID. |  |
Content layout: Layout of Facebook Like.
|  |
| Button Size: Size of the button. |  |
| Include Share Button: Show or hide Share button. |  |
You can get further information about ATTRIBUTES, VISIBILITY and ANIMATION parameters here.
Styling Configuration
Spacing:
|  |
| Typography | |
| Font Family: choose your desired font for the Facebook Like & Share element
|  |
| Font Size: Adjust font size by dragging the black dot or by entering a number in the box on the right |  |
| Text Alignment: There are 4 text alignment options available, including Left, Right, Middle, and Justify |  |
| Background | |
| Background Color: choose background color for product title by using the available parameters |  |
| Background image: Click Select image > Choose image > Click Select |  |
| Border There are three border styles:
|   |
| Display There are 3 display style options: Inline, Block, Flex |  |
You can check more information about the Styling tab here.
Tips And Best Practices
- Place the element prominently where users are likely to engage with it, such as near product descriptions, after blog posts, or at the bottom of your homepage
- Ensure the Facebook Like & Share element displays well and functions flawlessly on all devices, especially mobile phones, where social sharing is prevalent
- Consider showcasing the number of existing likes and shares to leverage social proof and encourage others to like and share your content as well
Frequently Asked Questions
Why Add Facebook Element To Shopify Store?
Having Facebook reaction elements is the great way to interact and reach visitors to turn them into customers.
Why Connect Facebook To Shopify?
Connect Shopify account with Facebook and Instagram app is the way to create Facebook ad campaigns, to gain helpful insights and of course to sell products on Facebook and Instagram. Check out how to add Facebook Page Element!
Why Is Social Media Good For E-commerce Store?
It helps to build brand awareness, advertise to target users, and ultimately increase sales, and conversion rate. This is an action to provide customer support, gain better conversation with customers, and of course, community building.
