Adding a Sticky Social Share Bar to your Website


Increase social engagement by adding a sticky social share bar to your website. This allows visitors to share content on social media from wherever they are on your website.

Adding a Sticky Social Share Bar to your Website

Increase social engagement by adding a sticky social share bar to your website. This allows visitors to share content on social media from wherever they are on your website. In this article, Solodev will show you how to add this functionality to your website.

Below is the HTML, CSS, and JavaScript required.

Step 1 - social-share.html

Add the HTML below to your web page

Note: While most of the above HTML is optional and to be replaced with your own content, what's imperative is the unordered list with the styling class "ct-socials". This list contains the individual social share buttons.

Step 2 - social-share.css

Download the CSS below and include it in your web page

 social-share.css

Step 3 - Add the includes below to your web page

In this article, Solodev showed you how to add a sticky social share bar to your website. By making it easier to share your website content, you increase the chance that website visitors will share your website content across social media channels.

Author

Scott Madara
Contributions Editor here at Solodev. Want to be featured on the Solodev Blog? Get in touch.
Follow me on Twitter

Get started today

Join people and businesses across the globe that trust Solodev.

We never share your information with anyone. Learn more

We use cookies to provide and improve our services. By using our site, you consent to cookies.