How to Add a Click-to-Call Button to Your WordPress Website

Hosting Expert less than a minute

May 25, 2022 9:15 AM

Adding a click-to-call button on your WordPress website is a great way of enabling the leads to contact you easily. When the potential customers tap on the button while browsing your site on mobile devices, they will be able to make calls to you instantly. In this way, you can make the contact process much easier.

But more importantly, it helps you to create a very strong first impression for your brand, which is vital for sales generation. In this article, you will find various ways of adding the click-to-call, including the manual method and the plugin method. Now, let’s dive in.

Adding a Click-to-Call Button Using “Call Now Button” Plugin

Call Now Button is an amazing plugin. It enables you to add the call button without writing any code. It can be very useful for those people who doesn’t have any programming experience. Follow these steps:

Install and activate Call Now Button plugin.
Head to Settings > Call Now tab.
In Button status option, click on the blank checkbox in front of Enabled.
Add your phone number.

Finally, click on Save Changes button.

Now, visit your WordPress website from your smartphone. You will see that the click-to-call button has been added.

Right now, it is in the default form. However, you can customize it pretty easily.

Customizing Click-to-Call Button

Head to Settings > Call Now tab.
Click on Advance Settings next beside Save Changes button.
You will see various options. You can change the button color, style and position. You can also specify the pages where you don’t want the button to appear. There is also a Click tracking option. You can use it to analyze the users’ interaction with the call-to-action button.
Save the changes.

Manually Adding the Click-to-Call Button to Your WordPress Website

Here, you will find the way of manually adding the button anywhere on your website with codes. Follow these steps:

Add the codes in the following way:

<!--This link will work on Android and iPhone. It will be visible to desktop users but will result in an error when clicked -->
 
<a href="tel:+15555551212">+1 (555) 555-1212</a> 
  
<a href="tel:15555551212">Call Me</a>

When tapped on mobile devices, the links will launch the phone app. In Mac and Windows 10 PC, they will open Facetime and Skype respectively.

Now, you can add an icon beside click-to-call text. Head to Media > Add New.
Upload your desired icon. Then click on Edit.

Copy the file URL, which you will need in the later steps.
Now, you can add the icon anywhere on your website, including post, page and custom HTML widget. In the edit area, add the following lines:

<a href="tel:+15555551212"><img src="https://example.com/wp-content/uploads/2018/10/phoneicon2.png" alt="Call us" /></a>

Now, visit your website from your PC or mobile device. You will find that the click-to-call button has been successfully added.

Conclusion

In this article, you have learned to add the click-to-call button to your WordPress website manually and by using “Call Now Button” plugin. Now, your potential customers can call you very conveniently.