> For the complete documentation index, see [llms.txt](https://help.fluorescent.co/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://help.fluorescent.co/eclipse/product-pages/product-content-blocks/share-icons.md).

# Share icons

Display social media icons that let customers share the product on their Facebook, Pinterest, or X (Twitter).

<figure><img src="/files/WWNkMIKDb6UApCWeMOWy" alt="" width="278"><figcaption></figcaption></figure>

## Add share icons

***

Under **Product overview**, click **(+) Add block** and select **Share icons**. Use the drag-and-drop handles **`⋮⋮`** to re-order blocks. Click the block to start customizing.

{% hint style="warning" %}
**Editing a template will change all pages that use that template**.

[Create and assign new templates](https://github.com/fluorescent/kb-horizon/blob/main/product-pages/pages/editing-page-templates/create-and-assign-new-templates.md) to design different page layouts.

[Add dynamic content](https://github.com/fluorescent/kb-horizon/blob/main/product-pages/pages/editing-page-templates/dynamic-content-with-metafields.md) to show page-specific content in the same template.
{% endhint %}

### Enable native OS sharing

***

Replace share icons with sharing options on a user’s device. Visitors can share the product page through apps like Messages, Email, or their social media apps.

<figure><img src="/files/1NPNP7cGngCfnpp9aklo" alt="" width="293"><figcaption></figcaption></figure>

`Click Share block to find settings`

| Setting                                                   | Description                                                                                   |
| --------------------------------------------------------- | --------------------------------------------------------------------------------------------- |
| <mark style="color:blue;">Enable native OS sharing</mark> | When enabled, a "Share this" link will open the native sharing options for the user's device. |

### Add bottom padding

***

Use **Bottom padding** to adjust the layout of the product overview section by adding spacing between blocks.

`Click Share icons block to find settings`

<table><thead><tr><th width="190">Setting</th><th width="400">Description</th><th>Options</th></tr></thead><tbody><tr><td><mark style="color:blue;">Bottom padding</mark></td><td>Add spacing below the block</td><td><p><strong>1 - 50px</strong> </p><p><em><mark style="background-color:yellow;">Default</mark></em><mark style="background-color:yellow;">: 24px</mark></p></td></tr></tbody></table>