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 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