How to Add Social Media Follow Button Plugin Free to a WordPress Website

Including Adding Social Follow Button is essential when aiming to establish a community of visitors and boost follower numbers on social platforms, thereby enhancing overall brand authority. In this guide, you’ll discover how to incorporate social follow buttons without relying on plugins.

Follow as a Step by Step Guide

1. Access WordPress Dashboard:

Log in to your WordPress Dashboard.

2. Navigate to Customization:

Go to “Dashboard > Appearance > Customize.”

3. Locate Widgets Section:

Once on the customization page, find and click on “Widgets.”

4. Add Custom HTML Widget:

Under “Widgets,” select “Sidebar” and then click on “Add a Widget > Custom HTML.”

5. Insert HTML Code:

Paste the provided HTML code inside the Custom HTML widget. You can customize the links within the <#> tags with your own social media profiles.

<img src="Add Photo link" class="myimg" alt="">
<p> <a href="Youtube link" target="_blank" class="social yt"> YouTube</a> </p>
<p> <a href="Instagram link" target="_blank" class="social insta"> Instagram</a> </p>
<p> <a href="Facebook link" target="_blank" class="social fb"> Facebook</a> </p>
<p> <a href="Snapchat link" target="_blank" class="social snapchat"> SnapChat</a> </p>

6. Apply Styling (CSS):

To style the elements, go back to the customization page.

Look for ‘Additional CSS’ at the bottom and click on it.

Copy and paste the provided CSS code inside the ‘Additional CSS’ section. This separates the styling from the HTML, making it more SEO-friendly.

.myimg{
max-width: 100%;
margin-bottom:30px;
}
.social{
background-color: #10b98e;
padding: 10px;
color:white;
text-decoration: none;
display: block;
border-radius: 30px;
text-align: center;
font-size: 16px;

}
.social:hover{
box-shadow: 1px 1px 8px #888888;
color:white;
}

.social.fb{
background-color:#4267B2;
margin-top: -10px;
}
.social.yt{
background-color:#c4302b;
margin-top: -10px;
}
.social.insta{
background:linear-gradient(45deg, #405de6, #5851db, #833ab4, #c13584, #e1306c, #fd1d1d);
margin-top: -10px;
}

7. Save Changes:

By following these step-by-step instructions, you can add social media follow buttons without using plugins on your WordPress site.

Adding Social Follow Button Conclusion

In conclusion, this tutorial provided a swift and clear guide on ‘Adding Social Follow Buttons Without Plugins.’ I trust that this article has proven beneficial for you. If you encounter any difficulties throughout the process, feel free to leave a comment below or reach out to us, and we’ll do our best to assist you.

By steering clear of external plugins, you can celebrate the fact that incorporating this feature won’t compromise your site speed. Social Follow Button Without Plugin in WordPress, However, if you’re experiencing slow loading times, consider exploring Hostinger for discounted rates on top-notch shared hosting plans. Cheers to optimizing your site without unnecessary plugins!

For more WordPress Tutorials Subscribe to Raju Digital Services

And Also Read Download Button With Countdown Timer in WordPress