# Facebook like & share

### About Facebook Like & Share Element

[Facebook Like and Share Element](https://help.pagefly.io/manual/facebook-like-element/) is designed to integrate these features into your page, boosting your conversion rate and aiding in community building.

Sellers can leverage these elements to add social proof to their store and products, or to introduce the social media pages of your brand to your visitors.

### How To Access Facebook Like and Share Element

* Step 1: Click on the “Elements” icon > Then, in the “PageFly” tab choose the **Facebook Like & Share** element
* Step 2: Drag and drop the element into the page editor and then start using it.

![](https://2800568630-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FeLf471SpmnojuhVGQb2E%2Fuploads%2Fgit-blob-7966e1a8f7efeda50ad3dab7cd4c224fd3bace8e%2FAD_4nXcdNNOr3DMp7FTDXhPfgJAE8eePdLTqYcABAKAgh-mUpQtQo1kf6sgGkGYIULR-h8KI2yCPE4U0UChqFtDy1pScKFsZRUmpcng1tqmha5-fKlIyTW3L6igUHmG9q3H702isLx_-0njt5tJLP95QgAkeyVNEOy0433gsrmDS3eFKTzQ-1.gif?alt=media)

### How To Configure For Facebook Like and Share Element

Watch this video tutorial for a visual guide:

{% embed url="<https://youtu.be/IAXk-ftTTOI>" %}

The **Facebook Like & Share** element comes with plenty of parameters allowing to optimize content appearance for the best possible conversion rate. Select the element to access its parameters.

![](https://2800568630-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FeLf471SpmnojuhVGQb2E%2Fuploads%2Fgit-blob-5ea39aeea3007bf26c581e0dd3fe40b68e579e8f%2FAD_4nXf_Q2ajRL6GfKUuiYdNvjJJN_pQi5llfiw_QCYTG-t54UaOrt1qXYq0TfBmR9glyOyC0fYx7Bc1gQYMQnViLAfTYkREQtlqzRonxiw0CoFWeJ5QQ4pVuSFsq4pk68Xw4xpy-jUbnbt9S2eT6vGGpgkeyVNEOy0433gsrmDS3eFKTzQ-1.png?alt=media)

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

#### General Configuration

| <p>App ID: Facebook App ID. This is a required field.</p><p>Please access this link <https://developers.facebook.com/>, then click on the “Get Started” button located on the top right and follow the instructions to get your Facebook App ID.</p>                                                                                         | ![](https://lh7-rt.googleusercontent.com/docsz/AD_4nXfoCQQ8wuOyazujfTJ-hSqlhnjoI12YcSCwAtK3VczQPZ1X6lx0mUIbDxIJpifM55KPq5SKNB01nE1LYbPO9e8YPQ3GJJeb6Yu_GlqjzusY34AjmpuI0x2G7_zNXJvR7uuIZp-KOI3YD8Gltzr5u3PTfyjP?key=VNEOy0433gsrmDS3eFKTzQ) |
| -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
| URL to like: This is the URL where the visitor will be directly upon clicking “Like”                                                                                                                                                                                                                                                         | ![](https://lh7-rt.googleusercontent.com/docsz/AD_4nXeM2Ud00iypDmoMrZ1-VzlAwS44yTkvWMbQkMUHf3z0ExkFFE1vDWnNeoZ3vJlU4rtLYBplqnIrRqdlCz3idQ_vma6qgUx3IL8xnzHt_v3p_BWmE-VmOl7wF0qMeT2XLjPBd21XxZAw8mAhrFkxGVkbv9sw?key=VNEOy0433gsrmDS3eFKTzQ) |
| <p>Content loading: There are two options:</p><ul><li>Lazy Loading: Content will load only when it comes into view on the user’s screen, saving bandwidth and improving initial page load time.</li><li>Standard Loading: All content loads immediately when the page opens, ensuring everything is visible right away.</li></ul><p><br></p> | ![](https://lh7-rt.googleusercontent.com/docsz/AD_4nXcyxNh0-zRrjO_ojOX2JMVn-cSGJQLTzrRJENJIoJ6T7WDvHNKsprh2wTsXKUqt-iqfQCyxWr3iosVlFmy54YEKAxs7LYPpi43z4vemyYDcenUNmrPDulAUw7lIS5FPwgRguE5_oNwrfawhF8ANycvnurc?key=VNEOy0433gsrmDS3eFKTzQ)  |
| <p>Content layout: There are 4 layouts for the Facebook Like button:</p><ul><li>Standard: Like button with the number of likes displayed.</li><li>Button: Like button only</li><li>Button Count: Like button with the number of likes on the right.</li><li>Box Count: Like button with the number of likes on top.</li></ul>                | ![](https://lh7-rt.googleusercontent.com/docsz/AD_4nXe1ZkYfPp-0Wmjqm7iJpDCjrAwCIvLTsdJuABCVAEVuth-LumlX2yh7iCHE7eWSVsPPh9ykD04YDS0Cc_Ft-OqzYA3Ip3BecnckvsuWZv69Kr_xXSH-fReZBK8BoSofNPUc-YqU0hPamfLgyOOiVnyEC6A?key=VNEOy0433gsrmDS3eFKTzQ)  |
| Button size: Adjust the size for Like and Share buttons.                                                                                                                                                                                                                                                                                     | ![](https://lh7-rt.googleusercontent.com/docsz/AD_4nXdKHhq3YFRMHDFySHZ7dOROy_NdyevVN_DW8wowL5sgb16Ir2AOmrF92s1b-yuXGpSLM5dHd8G44aR7MW2Zjej4F40qvWbzn8Mf1KS92SsiIJenrzPDIT178MhA1i1x-EaUw0PCRJFFVPZij5X7acPlrcfS?key=VNEOy0433gsrmDS3eFKTzQ) |
| Include share button: Show or hide Share button.                                                                                                                                                                                                                                                                                             | ![](https://lh7-rt.googleusercontent.com/docsz/AD_4nXdGt51WkhLdudDCLSi1JRAm3Q5p7fs3zJIbljFFZdMhwEOc187ArULINyAhevUpIqC29_XkKO-_7yyxxJqsUYAQsLI0GgZfUysbBEYkoH8XYdegRLnbmGTEShU_O2HNWR9BY5emlTgqv9jOrAGFLhrXcLto?key=VNEOy0433gsrmDS3eFKTzQ) |

You can get further information about ATTRIBUTES, VISIBILITY and ANIMATION parameters [here](https://help.pagefly.io/manual/elements-general-settings/)

#### Styling Configuration

![](https://2800568630-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FeLf471SpmnojuhVGQb2E%2Fuploads%2Fgit-blob-e94808060d97e1e5b6737a542e8807f29c00f931%2FAD_4nXdapQ7pu9-IMHOx66VU83D30S0tOzHmEMvBk_pbDZdSqQAT0zpqiZE85uoMwmtBPqcJyimjoEG7uFR36fsoG4eaDYn50qgckUBGKG6pXxXsE8gpzGe0p045hmZbmJ3zVpDnPjVFR7dAYC_x6jg5dAkeyVNEOy0433gsrmDS3eFKTzQ-1.png?alt=media)

You can check more information about the Styling tab [here](https://help.pagefly.io/manual/elements-style-settings/)

### 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
* Showcase the number of existing likes and shares to leverage social proof and encourage others to like and share your content

### Frequently Asked Questions

**Why add a Facebook element to Shopify store?**

Adding [Facebook reaction](https://sproutsocial.com/glossary/facebook-reactions/) elements is the great way to interact and convert visitors 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](https://help.pagefly.io/manual/facebook-page-element/)!

**Why is social media good for E-commerce stores?**

Social media builds brand awareness, targets advertisements to specific users, increases sales and conversion rates, provides customer support, facilitates better communication with customers, and aids in community building.

### Additional Resources

* [How to add Facebook Page Element to Shopify?](https://help.pagefly.io/manual/facebook-page-element/)
* [How to use ShareThis Share Buttons with PageFly](https://help.pagefly.io/manual/how-to-use-sharethis-share-buttons-with-pagefly/)


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://help.pagefly.io/page-structure-and-elements/pagefly-elements/social/facebook-like-element.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.