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

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

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:

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

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

  1. 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.

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

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

Customizing Click-to-Call Button

  1. Head to Settings > Call Now tab.
  2. Click on Advance Settings next beside Save Changes button.
  3. 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.
  4. 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:

  1. 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.

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

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

  1. Copy the file URL, which you will need in the later steps.
  2. 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>
  1. Now, visit your website from your PC or mobile device. You will find that the click-to-call button has been successfully added.

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

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.

Check out these top 3 WordPress hosting services:

A2 Hosting
$2.99 /mo
Starting price
Visit A2 Hosting
Rating based on expert review
  • User Friendly
    4.5
  • Support
    4.0
  • Features
    4.5
  • Reliability
    4.8
  • Pricing
    4.0
IONOS
$1.00 /mo
Starting price
Visit IONOS
Rating based on expert review
  • User Friendly
    4.5
  • Support
    4.0
  • Features
    4.5
  • Reliability
    4.5
  • Pricing
    4.3
HostArmada
$2.49 /mo
Starting price
Visit HostArmada
Rating based on expert review
  • User Friendly
    4.5
  • Support
    4.5
  • Features
    4.5
  • Reliability
    4.5
  • Pricing
    4.0

How to Configure WordPress Page Caching

A savvy website owner understand how important it is to have a website with a qu
4 min read
Avi Ilinsky
Avi Ilinsky
Hosting Expert

How to Secure Your WordPress Website

Millions of websites get hacked every year and many people consider WordPres
5 min read
Eliran Ouzan
Eliran Ouzan
Web Designer & Hosting Expert

How To Create a WordPress Child Theme

Customizing your WordPress theme but want to be extremely safe? Don’t worry. W
3 min read
Michael Levanduski
Michael Levanduski
Expert Hosting Writer & Tester

How to Fix File and Folder Permissions Errors in WordPress

It's so frustrating when you receive an error while updating your website. File
4 min read
Max Ostryzhko
Max Ostryzhko
Senior Web Developer, HostAdvice CTO
HostAdvice.com provides professional web hosting reviews fully independent of any other entity. Our reviews are unbiased, honest, and apply the same evaluation standards to all those reviewed. While monetary compensation is received from a few of the companies listed on this site, compensation of services and products have no influence on the direction or conclusions of our reviews. Nor does the compensation influence our rankings for certain host companies. This compensation covers account purchasing costs, testing costs and royalties paid to reviewers.
Click to go to the top of the page
Go To Top