Shortcode Parameters
You can enable the Click to Share box anywhere shortcodes are supported.
Last updated
You can enable the Click to Share box anywhere shortcodes are supported.
Last updated
The Click to Share box can be enabled via shortcode. Here's a simple shortcode in use below:
It'll produce a default Click to Share box like shown below:
Here's a diagram of the various parts of the Click to Share box.
Click to Share text - This is the text that will be shared with the social networks.
Click to Share button text - This is the text that is displayed for the Click to Share button.
Click to Share icon - The icon used for the Cilck to Share button.
Here are the shortcode arguments available for the Click to Share shortcode box.
Use this to wrap a unique ID around the shortcode, otherwise it'll be random.
Can be:
default (light appearance)
purple
blue
dark
orange
pink
none (choose to define your own styles)
custom-slug (see creating your own Custom Shortcode Themes).
Can be:
left
center (default)
right
Show the Click to Share section with text and an icon.
Can be:
true (default)
false
Example:
Show or hide the label in the Click to Share icon section.
Can be:
true (default)
false
Example:
Show or hide the icon in the Click to Share icon section.
Can be:
true (default)
false
Determine which sharing icon will be used in the Click to Share box.
Can be:
Example:
Determine the icon size of the Click to Share icon section.
Can be:
small
medium (default)
large
Example:
Input text that will be shared instead of the wrapped sharing text.
Example:
Choose the font family that will be used for the Click to Share shortcode.
Can be:
Josefin Sans
Karla
Lato
Montserrat
Open Sans
Playfair Display
Raleway
Roboto
Source Sans Pro
(or custom font family)
Example:
Choose the font family that will be used for the Click to Share button.
Can be:
Josefin Sans
Karla
Lato
Montserrat
Open Sans
Playfair Display
Raleway
Roboto
Source Sans Pro
(or custom font family)
Example:
This will change the Click to Share button text.
Example:
Specify the margin that'll be used for the Click to Share shortcode. This will override a theme default.
Default: empty.
Example:
Specify the padding that'll be used for the Click to Share shortcode. This will override a theme's default styles.
Example:
Set the default color and hover color of the Click to Share icon.
Example:
Set the default and hover color value of the main body text in the Click to Share box.
Example:
Set the default and hover color of the sharing button.
Example:
Set the default and hover background color of the Click to Share box.
Example:
The font size of the sharing text in the Click to Share box.
Can be:
small
medium (default)
large
Example:
The font size of the sharing button in the Click to Share box.
Can be:
small
medium (default)
large
Example:
Set the CSS border of the Click to Share box in normal and hover state.
Example:
Specify the CSS border radius of the Click to Share box.
Example:
The maximum width of the Click to Share box. Can be any valid CSS width.
Example:
