If you are using Sassy Social Share plugin for Social Share, follow the steps mentioned below to enable social media follow icons in the content of individual page/post.
You would like to read this post to use the shortcode without causing any problems at your site.
Sassy Follow Icons Shortcode
Shortcode
You can use [Sassy_Follow_Icons] Shortcode in the content of required page/post where you want to display Social Media Follow Icons.
Example
[Sassy_Follow_Icons social_networks="facebook=https://facebook.com/Heateor,twitter=https://twitter.com/Heateor"]
You need to specify social network and url of your social media page on that network, separated by “=” as shown in above example. You can specify multiple social networks and urls like this, comma separated as shown in above example. Supported social networks are Facebook, Twitter, Instagram, Parler, Pinterest, Behance, Flickr, Foursquare, Github, Linkedin, Linkedin_company, Medium, Mewe, Odnoklassniki, Telegram, Tumblr, Vimeo, Vkontakte, Whatsapp, Xing, Youtube, Youtube_channel, Rss_feed and Gab
You can use following attributes in the Shortcode
Type
Use type attribute to specify the type (“standard” or “floating”) of Social Media Follow icons. Defaults (if not specified) to standard
Example
[Sassy_Follow_Icons social_networks="facebook=https://facebook.com/Heateor,twitter=https://twitter.com/Heateor" type="floating"]
Style
Use style attribute to style the rendered Social Media Follow icons
Example
[Sassy_Follow_Icons social_networks="facebook=https://facebook.com/Heateor,twitter=https://twitter.com/Heateor" type="floating" style="background-color:#000;"]
Width
Use width attribute to specify the width (just a number) of each Social Media Follow icon. Defaults (if not specified) to 32 pixels
Example
[Sassy_Follow_Icons social_networks="facebook=https://facebook.com/Heateor,twitter=https://twitter.com/Heateor" width="40"]
Height
Use height attribute to specify the height (just a number) of each Social Media Follow icon. Defaults (if not specified) to 32 pixels
Example
[Sassy_Follow_Icons social_networks="facebook=https://facebook.com/Heateor,twitter=https://twitter.com/Heateor" height="40"]
Shape
Use shape attribute to specify the shape of each Social Media Follow icon. Possible values are round and square. Defaults (if not specified) to square
Example
[Sassy_Follow_Icons social_networks="facebook=https://facebook.com/Heateor,twitter=https://twitter.com/Heateor" shape="round"]
Title
Use Title attribute to specify title above Social Media Follow Icons.
Example
[Sassy_Follow_Icons social_networks="facebook=https://facebook.com/Heateor,twitter=https://twitter.com/Heateor" title="Follow"]
Align (Works with “floating” type interface only)
Use align attribute to specify alignment (left or right) of Social Media Follow Icons. Defaults (if not specified) to left
Example
[Sassy_Follow_Icons social_networks="facebook=https://facebook.com/Heateor,twitter=https://twitter.com/Heateor" type="floating"]
(Will align to left, as align is not specified)
[Sassy_Follow_Icons social_networks="facebook=https://facebook.com/Heateor,twitter=https://twitter.com/Heateor" type="floating" align="right"]
(Will align to right)
Left (Works with “floating” type interface only)
Use left attribute to specify the left offset (distance form the left side of the screen) of Social Media Follow Icons. Defaults (if not specified) to 0
Example
[Sassy_Follow_Icons social_networks="facebook=https://facebook.com/Heateor,twitter=https://twitter.com/Heateor" type="floating" left="500"]
Right (Works with “floating” type interface only, “align” attribute must be set to “right”)
Use right attribute to specify the right offset (distance form the right side of the screen) of Social Media Follow Icons. Defaults (if not specified) to 0
Example
[Sassy_Follow_Icons social_networks="facebook=https://facebook.com/Heateor,twitter=https://twitter.com/Heateor" type="floating" align="right" right="500"]
Top (Works with “floating” type interface only)
Use top attribute to specify the top offset (distance form the top of the screen) of Social Media Follow Icons. Defaults (if not specified) to 100
Example
[Sassy_Follow_Icons social_networks="facebook=https://facebook.com/Heateor,twitter=https://twitter.com/Heateor" type="floating" top="200"]
You can use shortcode in PHP file as following
<?php echo do_shortcode(‘SHORTCODE’) ?>
Replace SHORTCODE in above code with the required shortcode like [Sassy_Follow_Icons social_networks=”facebook=https://facebook.com/Heateor,twitter=https://twitter.com/Heateor”], so the final code looks like following
<?php echo do_shortcode('[Sassy_Follow_Icons social_networks="facebook=https://facebook.com/Heateor,twitter=https://twitter.com/Heateor"]') ?>
Widget
You can navigate to the Appearance > Widgets section in the left sidebar and enable Sassy Social Share – Follow Icons widget in the required area