Skip to content
Share
Overview
A customizable share component that allows users to easily share content to social media platforms. Features a share button with dynamic text feedback. Supports sharing to Facebook, Twitter/X, Pinterest, and LinkedIn, with native sharing on supported devices.
Common use cases
- Add social sharing buttons to product pages
- Enable content sharing on blog posts
- Create shareable links for promotions
- Allow users to share pages on social media
- Provide quick sharing options for articles
Compatible blocks
The following blocks can be nested within this block:
Block settings
General
| Setting | Description | Options |
|---|---|---|
| Show advanced settings | Reveals direction, horizontal position, and visibility | Checkbox (default: false) |
Content
| Setting | Description | Options |
|---|---|---|
| Enable Facebook share | Shows Facebook share button | Checkbox (default: true) |
| Enable X/Twitter share | Shows X/Twitter share button | Checkbox (default: true) |
| Enable Pinterest share | Shows Pinterest share button | Checkbox (default: true) |
| Enable LinkedIn share | Shows LinkedIn share button | Checkbox (default: true) |
Spacing
| Setting | Description | Options |
|---|---|---|
| Enable horizontal padding | Adds horizontal padding inside the container | Checkbox (default: false) |
| Enable top padding | Adds top padding | Checkbox (default: false) |
| Enable bottom padding | Adds bottom padding | Checkbox (default: false) |
Layout
| Setting | Description | Options |
|---|---|---|
| Width | Controls the width of the share dropdown | 100 - 400 px (default: 250) |
| Direction | Controls whether the dropdown opens up or down | • Up (default) Visible when Show advanced settings is on |
| Horizontal position | Controls horizontal positioning of the dropdown relative to the trigger | • Left (default) Visible when Show advanced settings is on |
| Horizontal alignment | Controls horizontal alignment of the share button | • Left (default) |
Display
| Setting | Description | Options |
|---|---|---|
| Visibility | Controls when the block is visible | • All (default) Visible when Show advanced settings is on |