After Facebook & YouTube, WhatsApp is the third-largest social media platform in the world. It has over two billion active users worldwide.
Having a Whatsapp share button on your blog can help you drive tons of traffic & engagement. Even I myself use Whatsapp as one of the social share buttons on my blog.
Well, in this post, I am here with a step-by-step guide on how to add the WhatsApp share button in Blogger. After reading this post, you will get to know:
- Benefits of having a Whatsapp share button on your blog.
- Different types of share buttons &
- How you can add a Whatsapp share button to your Blogspot blog.
So, without any further delay let us explore the power of Whatsapp!
Table of Contents
Whatsapp is the largest messenger service across the world with more than 2 billion users across 180 countries.
It is one of the largest social media platforms after Facebook & YouTube. The below data from WeAreSocial shows the top 15 social media platforms in accordance with monthly unique visitors.
With so many users, it is also one of the best social media platforms for bloggers to get direct traffic.
Let’s also have a look at the benefits of using the Whatsapp share button on your blog.
Benefits of Using WhatsApp Share Button on your Blog
There are numerous benefits of using the Whatsapp share button on your blog. It includes more traffic, high engagement & much more.
Here are some of the top advantages of using it on your blog:
- Whatsapp can help you bring tons of direct traffic to your blog.
- There are higher chances that people will comment on your blog post if they are coming from Whatsapp.
- It is easier & faster for your visitors to share your content.
- Most people use Whatsapp today, so it is better to have it with other platforms.
- Along with all this, Whatsapp doesn’t usually block your website from sharing, as Facebook & Instagram does.
With all these benefits, I think you should always have a WA sharing button on your blog.
Different Types of Whatsapp Share Buttons
You can use the Whatsapp share button in many ways. I have listed some of them below:
1. Sticky Share Button – Stick on your screen & move as you scroll down.
2. Inline Share Button – These share buttons can be embedded anywhere on the webpage.
3. Image Share Button – These share buttons appear when you hover on an image & share only the image & not the content.
4. Video Share Button – These share buttons appears at the bottom of the video & let’s you share the videos.
There are many other types of share buttons too including pop-up, banner & slider.
In this post, we will learn only above 5 types of Whatsapp share buttons & how to add them to your blog.
Suggested Reading: How to add Click-to-Tweet Links in Blogger Posts?
How to add Whatsapp Share Button in Blogger?
Adding the Whatsapp share button to your blog is quite easy. All you have to do is to follow the below steps & replicate the process.
To use the Whatsapp share button on Blogger, I am using ShareThis. It is a completely free service that you can use to add social media sharing buttons to your blog.
If you don’t want to use it, then head over to this list of best social media sharing buttons for Blogger.
Here we go:
Step 1. Create a ShareThis Account
The first step in the process is to create your ShareThis account. For this, you have to visit their official website.
Click this link: https://sharethis.com
On the homepage, you have to click on “Start with Share Buttons” & you are good to go. Then, ShareThis will ask you to choose the style of share buttons.
You can choose from a range of ShareThis tools.
I am using a sticky Whatsapp share button for my blog & viewers cane easily navigate it. However, there are other options also, like Inline share button (that stay fixed at top or bottom of the posts), image & video share buttons.
You can choose a share button as per your convenience.
Step 2: Create Your ShareThis Account
Next step in the process of adding Whatsapp share button to Blogger is to create your ShareThis account. You can either fill the signup form or use Google or Apple to create your ShareThis account.
Once you create the account, you will be redirected to a page where you will get the HTML code for share buttons. All you have to do is simply copy this code and add it to your Blogger blog.
To do so, you have to visit the Theme section of your Blogger dashboard. Here you will find a CUSTOMIZE button along with a drop-down menu.
Select Edit HTML from the drop-down.
Scroll down at the last & just before </head> tag, paste the code you have copied from ShareThis.
Make sure to Save Changes before leaving.
That’s it. You have integrated Blogger with ShareThis & now you are eligible to display various types of social share buttons on your blog.
Step 3: Adding Whatsapp Share Button to your Blog
In this step, we will learn how you can add 5 different types of share buttons to your Blogspot blog. I have discussed further steps for each of them below.
#1: Floating Whatsapp Share Button
A floating share button sticks or floats on your web page as you scroll down. Here’s how you can add a floating Whatsapp share button on your Blogspot blog.
Head over back to your AddThis dashboard & click on the Tools link in the left menu. Here’s how it look.
At the start, no tools will be present there. You have to click on Add New Tool to add a new type of social sharing button. Let’s see what happens next!
Just after clicking on Add New Tools, a pop-up will appear in front of you. Here you have select what types of Tool, you want to use.
In my case, I am adding the WhatsApp share button, so I have to select Share Buttons.
In the next step, we have to select the type of share button, that we want to use. As I have already discussed, we will be going to add 5 different types of share buttons, Floating is one of them.
Follow the below settings:
- Tool Type >> Floating >> Continue
Just after clicking the Continue button, a similar pop-up will open in front of you. Here you have to select Sharing Services, Size, Color & other properties of your selected buttons.
Next, you have to select the following settings:
- Sharing Services >> Selected by You
- Remove all existing services.
- Add More Services >> Add Whatsapp Share button.
- Finally hit the Activate button.
Congrats, finally we have added a floating Whatsapp share button to our blog. In the below image, you can see how it looks on a live blog.
Note: I am adding Telegram along with the Whatsapp share button just for my convenience. You are free to remove it or add any other social share buttons.
#2: Inline WhatsApp Share Button
Till now, you have seen how we can add a sticky or floating WA share button on our blog. Let us also learn how to add inline share buttons.
Similar to the Floating share buttons, here you have to select Inline instead of floating & click the Continue button.
After you hit the continue button, it will take you to the next step, where you will be asked to select services, size, color & other similar properties.
Next, hit the Activate Tool button.
The inline share buttons will not be activated just by doing so.
Activating the tool, a new pop-up window will appear where you will find a code that you have to place where you want to show these inline share buttons.
Let’s say I want to show these buttons at the end of the post. So, I have to add this code at the end of my blog post.
Here’s how you can do it!
1. Open any blog post in Blogger post editor & then click on the pencil icon at the top-left corner. Here you will find an option to convert your post into HTML code.
2. Scroll down & add your AddThis code at the end of the blog post (in HTML format).
3. Finally click Update & you are all set.
Here’s how the inline Whatsapp share button appears in my blog.
Isn’t it amazing? Let us know in the comments!
#3: Expanding & Image Sharing Whatsapp Button
Similarly, as we have added the Floating & Inline Whatsapp share button, you can also add expanding & image sharing buttons.
Here’s what you have to do?
Similar to the above steps, here you have to select Expanding or Image Sharing instead of Floating or Inline. You can get the help of the below snapshot for better understandings.
Hit continue & in the next step, you have to customize your button & then activate them.
#4: Custom Whatsapp Share Button
If you are looking for a way to share only the content that you want to share, then this method might be of great use.
Here I am using a tool called “Whatsapp Sharing Button Generator”. You can click on the below link to access this free tool.
Here’s what exactly you have to do:
Open the above link & you will be redirected to a page. Just after scrolling a bit, you will find the fields where you have to enter your data.
The following information is required:
- Button Text, e.g. “Share on WhatsApp”
- Sharing Text, e.g. “Beginners Guide to Keyword Research”
- URL, e.g. “https://harishjoshi.com/keyword-research“
Here’s the live example!
After entering all the required information, a code will be generated as shown in the above image. All you have to do is to copy this code & paste wherever you want to show the Whatsapp sharing button.
In this way, you can add a custom WhatsApp share button in Blogger.
P.S. If you scroll the same page of the “Whatsapp Sharing Button Generator”, you will also find the live preview, that can help you better understand how your button looks.
This post on how to add the WhatsApp share button in Blogger becomes super-lengthy. Although, I have tried my best to only write important points.
Well, if you had used the table of content given the start, then you may not have found it difficult to read. What do you think about this post?
Leave your suggestions in the comment section!
Also, If you have not yet subscribed to our email newsletter, then make sure to subscribe to it here.