RafflePress Logo
RafflePress announcement for review actions

New Update: Boost Social Proof with Reviews & Automation

Introducing RafflePress's new leave-a-review giveaway actions. Boost customer engagement and build trust effortlessly by incentivizing reviews in WordPress.
How to Create a Call Now Button in WordPress (Easy Way)

How to Create a Call Now Button in WordPress (Easy Way)

Written By: author image Stacey Corrin
author image Stacey Corrin
Stacey has been writing about WordPress and digital marketing for over 10 years and on other topics for much longer. Alongside this, she's fascinated with web design, user experience, and SEO.
     Reviewed By: John Turner
reviewer image John Turner
John Turner is the co-founder of RafflePress. He has over 20+ years of business and development experience and his plugins have been downloaded over 25 million times.

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.

WP Call Button settings page

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.

WP call button customization settings

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.

enable call now button

Now you can visit your website and see the button in action.

Sticky call now button example

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.

WP call button block

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.

static call button block customization options

After installing the static button, users can click and call the number you added to the settings page.

static call now button WordPress

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.

static wp call button settings

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.

call now button shortcode

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.

add wp call button to WordPress 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.

call us button 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.

upload your icon and copy the image URL

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.

call now button without a plugin

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

click to call menu link WordPress

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.

call us menu link WordPress

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.

author avatar
Stacey Corrin Writer
Stacey has been writing about WordPress and digital marketing for over 10 years and on other topics for much longer. Alongside this, she's fascinated with web design, user experience, and SEO.

Disclosure: Our content is reader-supported. This means if you click on some of our links, then we may earn a commission. We only recommend products that we believe will add value to our readers.

Let's Connect

Join Our Newsletter

Subscribe to get Free WordPress Tips and Resources

We do not sell or share your information with anyone.

Copyright © 2024 SeedProd LLC. RafflePress® is a registered trademark of SeedProd LLC

WPBeginner Verified Badge