How to Create Social Media Follow Us Buttons in GeneratePress Sidebar

Update:

Are you looking to create eye-catching social media follow buttons in your GeneratePress sidebar? Look no further! In this tutorial, we will guide you step-by-step on how to add attractive and interactive follow us buttons to the sidebar of your GeneratePress theme.

Follow buttons are a great way to encourage your website visitors to connect with you on various social media platforms. With a few simple steps, you can give your sidebar a professional touch and make it easier for your audience to follow and engage with your social profiles.

In this tutorial, we will walk you through the process of customizing and adding follow buttons using the GeneratePress theme and a handy plugin. We will show you how to choose the right social media platforms, design the buttons to match your website’s style and place them strategically in the sidebar for maximum visibility.

Whether you use Facebook, Instagram, Twitter, Pinterest, or any other social platform, this tutorial will help you create a cohesive and visually appealing sidebar that showcases your social media presence. You’ll be amazed at how simple and effective it is to enhance your website’s user experience and boost your social media following!

Don’t miss out on this opportunity to spruce up your GeneratePress sidebar with attractive social media follow us buttons.

Now, go to “Appearance” > “Elements. Copy the codes below And paste them with your Sidebar element.

<!-- wp:generateblocks/container {"uniqueId":"6a176ec8","isDynamic":true,"blockVersion":4,"spacing":{"paddingTop":"20px","paddingRight":"20px","paddingBottom":"20px","paddingLeft":"20px"},"className":"container-widget"} -->
<!-- wp:generateblocks/container {"uniqueId":"3348225d","isDynamic":true,"blockVersion":4} -->
<!-- wp:heading -->
<h2 class="wp-block-heading"><strong>Follow Us</strong></h2>
<!-- /wp:heading -->
<!-- /wp:generateblocks/container -->
  
<!-- wp:generateblocks/container {"uniqueId":"63330cf4","isDynamic":true,"blockVersion":4,"variantRole":"button-container","display":"flex","flexDirection":"column"} -->
<!-- wp:generateblocks/button {"uniqueId":"f6aae181","hasUrl":true,"target":true,"relNoFollow":true,"blockVersion":4,"display":"inline-flex","alignItems":"center","typography":{"fontSize":"15px","textAlign":"center"},"spacing":{"paddingTop":"10px","paddingRight":"20px","paddingBottom":"10px","paddingLeft":"20px","marginTop":"5px","marginRight":"5px","marginBottom":"5px","marginLeft":"5px"},"borders":{"borderTopRightRadius":"50px","borderBottomRightRadius":"50px","borderBottomLeftRadius":"50px","borderTopLeftRadius":"50px"},"backgroundColor":"#1877f2","backgroundColorHover":"#156cdc","textColor":"#ffffff","textColorHover":"#ffffff","hasIcon":true,"iconStyles":{"width":"1em","height":"1em","paddingRight":"0.5em"}} -->
<a class="gb-button gb-button-f6aae181" href="https://www.facebook.com/" target="_blank" rel="nofollow noopener noreferrer"><span class="gb-icon"><svg aria-hidden="true" role="img" height="1em" width="1em" viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg"><path fill="currentColor" d="M504 256C504 119 393 8 256 8S8 119 8 256c0 123.78 90.69 226.38 209.25 245V327.69h-63V256h63v-54.64c0-62.15 37-96.48 93.67-96.48 27.14 0 55.52 4.84 55.52 4.84v61h-31.28c-30.8 0-40.41 19.12-40.41 38.73V256h68.78l-11 71.69h-57.78V501C413.31 482.38 504 379.78 504 256z"></path></svg></span><span class="gb-button-text">Facebook</span></a>
<!-- /wp:generateblocks/button -->
  
<!-- wp:generateblocks/button {"uniqueId":"c0c430ff","hasUrl":true,"target":true,"relNoFollow":true,"blockVersion":4,"display":"inline-flex","alignItems":"center","typography":{"fontSize":"15px"},"spacing":{"paddingTop":"10px","paddingRight":"20px","paddingBottom":"10px","paddingLeft":"20px","marginTop":"5px","marginRight":"5px","marginBottom":"5px","marginLeft":"5px"},"borders":{"borderTopRightRadius":"50px","borderBottomRightRadius":"50px","borderBottomLeftRadius":"50px","borderTopLeftRadius":"50px"},"backgroundColor":"#0ea2f8","backgroundColorHover":"#0b8edb","textColor":"#ffffff","textColorHover":"#ffffff","hasIcon":true,"iconStyles":{"width":"1em","height":"1em","paddingRight":"0.5em"}} -->
<a class="gb-button gb-button-c0c430ff" href="https://twitter.com/" target="_blank" rel="nofollow noopener noreferrer"><span class="gb-icon"><svg aria-hidden="true" role="img" height="1em" width="1em" viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg"><path fill="currentColor" d="M459.37 151.716c.325 4.548.325 9.097.325 13.645 0 138.72-105.583 298.558-298.558 298.558-59.452 0-114.68-17.219-161.137-47.106 8.447.974 16.568 1.299 25.34 1.299 49.055 0 94.213-16.568 130.274-44.832-46.132-.975-84.792-31.188-98.112-72.772 6.498.974 12.995 1.624 19.818 1.624 9.421 0 18.843-1.3 27.614-3.573-48.081-9.747-84.143-51.98-84.143-102.985v-1.299c13.969 7.797 30.214 12.67 47.431 13.319-28.264-18.843-46.781-51.005-46.781-87.391 0-19.492 5.197-37.36 14.294-52.954 51.655 63.675 129.3 105.258 216.365 109.807-1.624-7.797-2.599-15.918-2.599-24.04 0-57.828 46.782-104.934 104.934-104.934 30.213 0 57.502 12.67 76.67 33.137 23.715-4.548 46.456-13.32 66.599-25.34-7.798 24.366-24.366 44.833-46.132 57.827 21.117-2.273 41.584-8.122 60.426-16.243-14.292 20.791-32.161 39.308-52.628 54.253z"></path></svg></span><span class="gb-button-text">Twitter</span></a>
<!-- /wp:generateblocks/button -->
  
<!-- wp:generateblocks/button {"uniqueId":"11d6ead1","hasUrl":true,"target":true,"relNoFollow":true,"blockVersion":4,"display":"inline-flex","alignItems":"center","typography":{"fontSize":"15px"},"spacing":{"paddingTop":"10px","paddingRight":"20px","paddingBottom":"10px","paddingLeft":"20px","marginTop":"5px","marginRight":"5px","marginBottom":"5px","marginLeft":"5px"},"borders":{"borderTopRightRadius":"50px","borderBottomRightRadius":"50px","borderBottomLeftRadius":"50px","borderTopLeftRadius":"50px"},"backgroundColor":"#e60606","backgroundColorHover":"#ce0606","textColor":"#ffffff","textColorHover":"#ffffff","hasIcon":true,"iconStyles":{"width":"1em","height":"1em","paddingRight":"0.5em"}} -->
<a class="gb-button gb-button-11d6ead1" href="https://www.youtube.com/" target="_blank" rel="nofollow noopener noreferrer"><span class="gb-icon"><svg aria-hidden="true" role="img" height="1em" width="1em" viewBox="0 0 576 512" xmlns="http://www.w3.org/2000/svg"><path fill="currentColor" d="M549.655 124.083c-6.281-23.65-24.787-42.276-48.284-48.597C458.781 64 288 64 288 64S117.22 64 74.629 75.486c-23.497 6.322-42.003 24.947-48.284 48.597-11.412 42.867-11.412 132.305-11.412 132.305s0 89.438 11.412 132.305c6.281 23.65 24.787 41.5 48.284 47.821C117.22 448 288 448 288 448s170.78 0 213.371-11.486c23.497-6.321 42.003-24.171 48.284-47.821 11.412-42.867 11.412-132.305 11.412-132.305s0-89.438-11.412-132.305zm-317.51 213.508V175.185l142.739 81.205-142.739 81.201z"></path></svg></span><span class="gb-button-text">YouTube</span></a>
<!-- /wp:generateblocks/button -->
  
<!-- wp:generateblocks/button {"uniqueId":"581b4ceb","hasUrl":true,"target":true,"relNoFollow":true,"blockVersion":4,"display":"inline-flex","alignItems":"center","columnGap":"0.5em","typography":{"fontSize":"15px"},"spacing":{"paddingTop":"10px","paddingRight":"20px","paddingBottom":"10px","paddingLeft":"20px","marginTop":"5px","marginRight":"5px","marginBottom":"5px","marginLeft":"5px"},"borders":{"borderTopRightRadius":"50px","borderBottomRightRadius":"50px","borderBottomLeftRadius":"50px","borderTopLeftRadius":"50px"},"backgroundColor":"#405de6","backgroundColorHover":"#405de6","textColor":"#ffffff","textColorHover":"#ffffff","hasIcon":true,"iconStyles":{"width":"1em","height":"1em","paddingRight":"0.5em"}} -->
<a class="gb-button gb-button-581b4ceb" href="https://www.youtube.com/" target="_blank" rel="nofollow noopener noreferrer"><span class="gb-icon"><svg aria-hidden="true" role="img" height="1em" width="1em" viewBox="0 0 448 512" xmlns="http://www.w3.org/2000/svg"><path fill="currentColor" d="M224.1 141c-63.6 0-114.9 51.3-114.9 114.9s51.3 114.9 114.9 114.9S339 319.5 339 255.9 287.7 141 224.1 141zm0 189.6c-41.1 0-74.7-33.5-74.7-74.7s33.5-74.7 74.7-74.7 74.7 33.5 74.7 74.7-33.6 74.7-74.7 74.7zm146.4-194.3c0 14.9-12 26.8-26.8 26.8-14.9 0-26.8-12-26.8-26.8s12-26.8 26.8-26.8 26.8 12 26.8 26.8zm76.1 27.2c-1.7-35.9-9.9-67.7-36.2-93.9-26.2-26.2-58-34.4-93.9-36.2-37-2.1-147.9-2.1-184.9 0-35.8 1.7-67.6 9.9-93.9 36.1s-34.4 58-36.2 93.9c-2.1 37-2.1 147.9 0 184.9 1.7 35.9 9.9 67.7 36.2 93.9s58 34.4 93.9 36.2c37 2.1 147.9 2.1 184.9 0 35.9-1.7 67.7-9.9 93.9-36.2 26.2-26.2 34.4-58 36.2-93.9 2.1-37 2.1-147.8 0-184.8zM398.8 388c-7.8 19.6-22.9 34.7-42.6 42.6-29.5 11.7-99.5 9-132.1 9s-102.7 2.6-132.1-9c-19.6-7.8-34.7-22.9-42.6-42.6-11.7-29.5-9-99.5-9-132.1s-2.6-102.7 9-132.1c7.8-19.6 22.9-34.7 42.6-42.6 29.5-11.7 99.5-9 132.1-9s102.7-2.6 132.1 9c19.6 7.8 34.7 22.9 42.6 42.6 11.7 29.5 9 99.5 9 132.1s2.7 102.7-9 132.1z"></path></svg></span><span class="gb-button-text">Instagram</span></a>
<!-- /wp:generateblocks/button -->
<!-- /wp:generateblocks/container -->
<!-- /wp:generateblocks/container -->

This method allows you to have more control over the appearance and behavior of the social media icons, but keep in mind that using a plugin can save time and effort, especially if you’re not familiar with HTML and CSS. Additionally, if you manually create the buttons, you’ll need to update the icons and links in the widget code whenever you make changes to your social media profiles.

Hi, I am Roton Kumar Roy a part-time Blogger,Youtuber and founder of Chat4Now.com. Here, I post about blogging to help people make money online.

2 thoughts on “How to Create Social Media Follow Us Buttons in GeneratePress Sidebar”

  1. Wonderful post however I was wondering if you could write a litte more on this topic?
    I’d be very thankful if you could elaborate a little bit further.
    Cheers!

    Reply

Leave a Comment