Do you want to add a click-to-call link to your WordPress website?
Adding a clickable phone number to your website makes it easier for smartphone users to contact you. Instead of typing your number manually, they can automatically click a button and call.
This article will easily show you how to add a call now button to your WordPress site.
What Is a Call Now Button?
A call now button is a simple call to action button on your website that users can click or tap to contact you. After users click the button, their mobile device will automatically enter your phone number and call.
There are many ways you can display your WordPress click-to-call link. In some cases, it can be your phone number with a hyperlink. Alternatively, you can create a static button or clickable phone icon.
No matter which version you choose, the result is the same: users can call you with a single tap of the button.
Why Add a Click-to-Call Button to WordPress?
Creating a click-to-call icon or button is an excellent idea if you rely on customers contacting you for quotes, support, and pre-sale information.
Even if you already have a contact form, some users may wish to speak to a representative straight away. Additionally, older generations may prefer to talk to a real person instead of using a chatbot or other automated services.
In the end, it’s a lot more convenient for users to tap to call and get the help they need, especially with mobile web traffic increasing.
How to Create a Click to Call Button in WordPress (2 Easy Ways)
Below we share 2 easy ways to add a call link to your WordPress website. The first method uses a WordPress plugin, while the second shows you how to add your call link manually.
Method 1. Add a Call Button in WordPress with a Plugin
Let’s start with the first and most straightforward method, using a WordPress plugin. We recommend this method for users of all abilities because it allows you to add a call button almost anywhere on your website.
The first step is downloading the WP Call Button plugin and installing and activating it on your WordPress site.
If you need help with this step, here’s a guide on how to install a WordPress plugin.
After installing the plugin .zip file, go to the Settings » WP Call Button page to choose your plugin settings.
Creating a Sticky Call Button
On the first settings page, you can create a Sticky Call Button. It works by scrolling with the user as they browse your website, making it easier for them to get in touch quickly.
To set up your Sticky Call Button, first, enter your phone number. You won’t even need to enter your country code; select your country, and the plugin will automatically add it in the correct format.
Next, you can set up how your call button looks. For example, you can change the following:
- Call button text
- Button position
- Call button color
The WP Call Button plugin will show your call button on all pages by default. However, you can change that in the visibility section to show the button only on certain pages.
You can also turn on the toggle to only show the call button on mobile devices.
When you’re happy with your settings, change the ‘Call Button Status’ to Active and click the Save Changes button.
Now you can visit your website and see the button in action.
Creating a Static Call Button
The second option on the settings page allows you to create a Static Call Button. Static call buttons are an excellent way to add the same tap to call functionality to your about page, contact page, and other pages on your site.
There are 2 ways to add static call buttons to your WordPress site.
First, you can quickly add a button to any page with the WordPress block editor.
To do that, create or edit a WordPress page and click the plus (+) icon to add a new block. From there, search for ‘WP Call Button’ and add the block to your page.
The block has several customization options, including button and text colors, size and alignment options, and the ability to hide or show the phone icon.
After installing the static button, users can click and call the number you added to the settings page.
Using the classic WordPress editor, you can create a static call button with the plugins’ shortcode generator.
Head back to the Settings » WP Call Button page and click the ‘Static Call Button’ tab at the top.
You can customize the button text color and hide the phone icon like the sticky call button. After that, you can copy the shortcode and paste it into the relevant page or post.
Adding Call Buttons to Your Sidebar
The WP Call Button plugin lets you add clickable buttons to your WordPress sidebar that allows users to call you instantly.
To find it, go to Appearance » Widgets and click the plus (+) icon to add a new widget. From there, look for the WP Call Button widget and click to add it to your sidebar.
Next, click the Update button to save your changes. Then, you can visit your website and see the call button in your WordPress sidebar.
As you can see, using this plugin is super easy. What’s even better is it’s completely free to download and use.
Additionally, WP Call Button works seamlessly with Google Analytics for click tracking on phone calls. If you don’t already have it set up on your site, follow this guide on how to install Google Analytics in WordPress.
Method 2. Manually Adding a Click to Call Button in WordPress
You can use this method to add a call button or link to your WordPress site without using a plugin.
All it involves is copying and pasting some HTML code and adding your telephone number like this:
<a href="tel:+15555551213">+1 (555) 555-12123</a> <a href="tel:15555551213">Call Me</a>
Both of these links will open your phone app on mobile devices. If you’re a Mac user, the link will open the Facetime app, and for Windows desktop, the link will open in Skype.
If you want to add an icon next to your call now link, you can also do it with HTML.
Go to Media » Add New and upload the image you wish to use.
From there, click the ‘Copy URL to clipboard’ link.
Now you can edit any post, page, or custom HTML widget and add your phone icon wrapped inside the tel: link like this:
<a href="tel:+15555551213"><img src="http://example.com/wp-content/uploads/2022/02/phoneicon.png" alt="Call us" /></a>
After saving your changes, you can visit the page and see your custom call now icon in action.
Adding Click-to-Call Buttons to Navigation Menus
Did you know you can also add a call button to navigation menus in WordPress?
To do that, go to Appearance » Menus and click the Custom Links heading on the left-hand side.
In the URL field, you can type in your phone number like this: tel:+155555553
Then in the Link Text field, you can add some text like ‘Call Us.’
After adding that information, click the Add to Menu button and click the Save Menu button.
You can now visit your website to see your menu call link in action.
There you have it!
We hope this article helped you learn how to create a call now button in WordPress. You might also like this post on how to add Google Analytics to WooCommerce.
If you liked this article, please subscribe to our YouTube Channel for RafflePress video tutorials. You can also find us on Twitter and Facebook.