Search
Skip to content
  • Knowledge Base
Super Socializer WordPress

Social Follow Buttons Shortcode and Widget

admin

If you are using Super Socializer plugin, follow the steps mentioned below to integrate social follow buttons in the content of individual page.

You would like to read this post to use the shortcode without causing any problems at your site.

Social Follow Buttons Shortcode

Shortcode

You can use [TheChamp-Social-Follow] Shortcode in the content of required page/post where you want to display Social Media Follow Icons.

Example
[TheChamp-Social-Follow 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, Gab, Gettr, X, Yelp, Threads, Tiktok, Bluesky, Micro.blog, Google_maps, Mastodon and Google_news

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
[TheChamp-Social-Follow 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
[TheChamp-Social-Follow 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
[TheChamp-Social-Follow 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
[TheChamp-Social-Follow 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
[TheChamp-Social-Follow 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
[TheChamp-Social-Follow 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
[TheChamp-Social-Follow social_networks="facebook=https://facebook.com/Heateor,twitter=https://twitter.com/Heateor" type="floating"]
(Will align to left, as align is not specified)
[TheChamp-Social-Follow 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
[TheChamp-Social-Follow 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
[TheChamp-Social-Follow 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
[TheChamp-Social-Follow 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 [TheChamp-Social-Follow social_networks=”facebook=https://facebook.com/Heateor,twitter=https://twitter.com/Heateor”], so the final code looks like following
<?php echo do_shortcode('[TheChamp-Social-Follow 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 Super Socializer – Follow Icons widget in the required area

social followsocial follow buttons

Post navigation

Previous PostHow to Customize the URL being Shared?Next PostCompatibility between Sassy Social Share and WPML

Get Social!!

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

Try it now
Facebook
© 2025 Heateor | Terms | Privacy
Proudly powered by WordPress