Social Share Buttons

Social Share Buttons provides sharing actions for selected networks. It can share the current page or a custom URL and text.

Add and configure Social Share Buttons

1. Click Add, choose Social Share Buttons, and place it in the container.
2. Populate Content > Buttons > Buttons and configure Responsive.
3. Under Share, choose the URL and Text sources, then fill Custom URL or Custom Text when needed.
4. Configure Design > Style, Button, Position, Typography, and Spacing.
5. Save your changes.

This element has no children; use its own controls.

Controls

Responsive varies by breakpoint; Hover has a hover value; Shared applies across both. Linked controls have their own reference. In conditions, = means “is” and ≠ means “is not.”

Content > Buttons

Setting	Purpose and options	Behavior
Buttons	Add, edit, remove, and reorder buttons.	Shared
Buttons > Network	Facebook, Twitter, Pinterest, LinkedIn, VK, Tumblr, Reddit, Digg, StumbleUpon, Pocket, WhatsApp, Xing, Telegram, Skype, Print, Email.	Shared
Buttons > Custom Label	Enter the custom label.	Shared
Responsive > Button Text	Enter the button text.	Shared

Content > Share

Setting	Purpose and options	Behavior
URL	Current Page, Custom URL.	Shared
Custom URL	Set custom url. When: URL = Custom URL.	Shared
Text	Page Title, Custom Text.	Shared
Custom Text	Enter the custom text. When: Text = Custom Text.	Shared

Design > Style

Setting	Purpose and options	Behavior
Display	Icon & Text, Icon, Text.	Shared
Style	Outline, Minimal, Box, Flat. When: Display ≠ Icon.	Shared

Design > Button

Setting	Purpose and options	Behavior
Icon Size	Icon size and unit.	Responsive
Padding	Padding.	Responsive
Colors > Icon	Color or supported fill.	Hover
Colors > Background	Color or supported fill.	Hover
Colors > Border	Color or supported fill.	Hover
Border > Style	Square, Circle, Custom.	Shared
Border > Radius	Set the corner radius. When: Style = Custom.	Shared

Design > Position

Setting	Purpose and options	Behavior
Placement	Static, Floating.	Shared
Floating Position	Left, Right, Top, Bottom. When: Placement = Floating.	Shared
Alignment	Left, Center, Right, Justify.	Shared

Design > Typography

Setting	Purpose and options	Behavior
Text	typography controls.	See linked controls

Design > Spacing

Setting	Purpose and options	Behavior
Container	spacing controls.	See linked controls
Between Buttons	Between buttons and unit.	Responsive

Troubleshooting