# Shortcodes & How To Use Them

Features · Last updated on March 25, 2019

Social Snap comes with several shortcodes which allow you to add Social Snap elements anywhere in your website. In this article, we will describe each shortcode and show you an easy way to add them to your WordPress posts and pages.

  1. Social Sharing buttons
  2. Social Follow buttons
  3. Click to Tweet boxes

Later in this article, we’ll describe a few ways Social Snap helps generate the shortcode elements faster:

  1. Shortcode Generator
  2. Custom Blocks

#Social Sharing buttons

Base for social sharing buttons shortcode is [ss_social_share]. Additional parameters are available which allow you to customize the look of the sharing buttons per shortcode.

Optional parameters can be left out. If they are not added to the shortcode, values from Social Snap » Settings will be used by default, and the shortcode will reflect changes made to the Social Snap Settings.

ParamDescriptionAccepted Values
networks
optional
Semicolon separated list of network codes.

If empty or not used in shortcode, networks from Social Snap » Settings » Manage Networks will be used.

Find the list of available network codes here.

Example: facebook;twitter;linkedin

align
optional
Button alignment in the content.left, center, right, stretched
shape
optional
Button shape.rounded, circle, slanted, rectangle
size
optional
Button size.small, regular, large
labels
optional
Button displays network name, share counts, both or none.none, label, count, both
total
optional
Show total share count.0 or 1
spacing
optional
Additional spacing between buttons.0 or 1
hide_on_mobile
optional
Hide buttons on mobile devices0 or 1
all_networks
optional
Enable a button that allows users to choose from all available networks.0 or 1
Social Snap Plus, Pro and Agency

All premium plans offer additional parameters for Social Sharing buttons shortcode.

ParamDescriptionAccepted Values
inline_total_style
optional
Display share icon, separator, both or none.none, icon, separator, both
total_share_placement
optional
Choose between left and right placement for Total Shares counter.left, right
hover_animation
optional
Button Hover AnimationFade:
ss-hover-animation-fade

Slide Background:
ss-hover-animation-1

Reveal Label:
ss-reveal-label

share_target
optional
Enter URL of the page to be shared. Leave empty to use current page.Must be a valid page URL on your site

#Social Follow buttons

Base for social sharing buttons shortcode is [ss_social_follow]. Additional parameters are available which allow you to customize the look of the follow buttons per shortcode.

ParamDescriptionAccepted Values
networks
optional
Semicolon separated list of network codes.

If empty or not used in shortcode, networks from Social Snap » Settings » Manage Networks will be used.

Find the list of available network codes here.

Example: facebook;twitter;linkedin

size
optional
Button Size.default, small, regular or large
columns
optional
Button Columns.default, 1, 2, 3, 4 or 5.
spacing
optional
Show additional spacing between follow buttons.default, 0 or 1
vertical
optional
Use vertical button style.default, 0 or 1
total_followers
optional
Display Total Follower count from all follow networks.default, 0 or 1
button_followers
optional
Display follow count on each network if possible.default, 0 or 1
labels
optional
Display follow count on each network if possible.default, 0 or 1
scheme
optional
Color Scheme.default, network, light or dark

 

#Shortcode Generator

If you are using the WordPress Classic Editor or any other editor (page builder) that’s supports the native WYSIWYG editor, you’ll be able to use the Social Snap shortcode generator.

To open the generator, look for the Social Snap button on the Editor. It’s located in two places:

Social Snap Shortcode Generator buttons

Popup generator will appear where you can choose which element and add custom details if desired. Once you finish customizing the element, click Insert and a generated shortcode will be added to your content. Shortcode Generator has the full set of options listed in parameters table for each shortcode.

Social Snap Shortcode Generator

#Custom Blocks

In WordPress 5.0, the classic content editor was replaced with a brand new block editor. Social Snap adds custom blocks for every available element for a seamless integration with the new block editor.

To add Social Snap elements simply click the “Add block” button and search for “social snap”. Blocks have the full set of options listed in the shortcode parameters table.

Social Snap Blocks
Was this article helpful?
1 out of 2 found this helpful

We're always happy to help with any questions you might have!
Open a support ticket and our team will reply with a solution.

3 Shares
Share via
Copy link