Search
Skip to content
  • Knowledge Base
Sassy Social Share

Sassy Follow Icons Shortcode

April 18, 2022 admin

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

Post navigation

Previous PostHow to Configure Sassy Social Share?Next PostHeateor Login Configuration

Get Social!!

Best social tools to boost user engagement at your WordPress website. Used by 150000+ websites

Try it now
Facebook
Tweets by @heateor
© 2023 Heateor | Terms | Privacy
Proudly powered by WordPress