There are times when you visit a website, and the phone number isn’t clickable.

Many people, like you and I, would find it annoying to go through the hassle of copying and pasting the number just to call. It’s frustrating, right?

To save your site visitors from that frustrating process, you’re here to know how to make a phone number clickable in WordPress.

Alright! This article will walk you through multiple easy, step-by-step methods to get it done.

Make a Phone Number Clickable with “tel:“☎️

  1. Open the editor for wherever you want to add your phone number. It could be your blog post, your contact page or your site menu. It could also be your sidebar or footer.
  2. Add your phone number or text like ‘call now’.
  3. Highlight the phone number / text and click the link icon to insert a link.
  4. In the link field, enter tel: followed by your phone number. For example – tel:9991843750

    But make sure to enter the phone number without spaces or dashes in the link field.
  5. Save the changes and test it out.

If you want to include the international country code for the phone number, you can include a ‘+’ icon after tel:. For example – tel:+919991843750

Also, you can have a call now button rather than the phone number or text. Do the following:

  1. Add a Button Block with text ‘Call Now’ or as per your requirements.
  2. In the link field, add the number like – tel:+919991843750
  3. Users will be able to click on that button and do a phone call.

How to make a phone number clickable in WordPress – Footer/Sidebar⬇️

You can also use this same approach to make phone numbers clickable in any widget area of your site.

Here’s how to add clickable phone number in the sidebar/ footer of your site:

  1. Open your WP Admin dashboard
  2. Navigate to Appearance > Widgets, if using a theme with this option.
  3. Select the widget area where you want to add the clickable phone number. You’ll usually see the options like sidebar and footer. However, which option you’ll see depends on your theme.
  4. Add your phone number to a paragraph blog.
  5. Follow the same instructions used above by using tel: format to add the phone number.

Add a clickable phone number to WordPress menus?↗️

You might want to add the phone number or call option directly in your site’s menu, so it’s always visible and easily accessible to visitors.

We’ll add the phone number using the same tel: format, but we’ll add the link in a different way.

  1. Open your WP Admin.
  2. Go to appearance → menus.
  3. Choose custom links under add menu items.
  4. Enter the same tel: format in the URL box.
  5. Insert the clickable text in the link text box. This could be a call now button or the actual phone number.
  6. Click the add to menu button.
  7. Use the drag and drop to change the location of your clickable phone number in the menu.
  8. Click save menu to save the changes.
Step-by-step process of how to Make a Phone Number Clickable in WordPress Menu.

How to make a phone number clickable using HTML? <>

You can use custom HTML to add a clickable phone number. Do this if you want to add the number to your theme’s template file or a non-WordPress site.

The HTML code for adding a clickable phone number: <a href=tel:9991843750>9991843750</a>

To add the international country code you can use: <a href=tel:+919991843750>Call Now</a>

Make the phone number clickable using Plugin?🔌

Using a WordPress Plugin could offer its own set of advantages.

  • Integrate messaging apps: Users can call you on WhatsApp or other such platforms.
  • Display Conditions: Show the ‘call now’ button only on certain content or device.
  • Integrate Analytics: Check clicks on the ‘Call Now’ button.

Here are few WordPress plugins:

1. Call Now Button

2. WP Call Button

3. Buttonizer

We’ll check out ‘Call Now Button’ since its free and popular. The basic idea is same for all these plugins.

How to use ‘Call now Button‘ plugin?

It has a free version which works for most website. It also offers a premium version with features like calling during business hours and using a different phone number based on the country of browsing.

To get started, install and activate the Call Now Button plugin. In your WP Admin, click on the new ‘Call Now Button’ menu.

  1. Navigate to ‘Basics‘ tab do the following.
  2. Enable the ‘Button Status’ toggle.
  3. Enter your phone number without any spaces or dashes in the phone number box. Enter the international country code along if you need to.
  4. If you want to include text along side the phone icon, enter that text in the button text box or leave it blank to only show the icon.
  5. Save the changes.

If you want to customize the button style, go to the ‘Presentation‘ tab and tweak the following :

  • Change the color of the button and link.
  • Choose the placement of the button, I.E. left, right or center. You can also choose to make it a bottom bar by choosing full bottom.
  • Enable your button for desktop visitors (the default behavior is to only make it enabled for mobile users).
  • Use the limit appearance box to only show the button on certain content or exclude certain content from having the button.
Call Now Button Plugin setup.
Presentation tab of 'Call Now Button' Plugin.

Best practices for clickable phone numbers:✅

  • Make your phone number tappable. Most users browse your site on smartphones. No one wants to hunt for a hard-to-find phone number. Ensure it’s easy to tap, with no other links too close.
  • Place phone numbers in key spots. Add it to your contact page or header. Since most visitors use smartphones, it’s better to have it on a separate contact page than in a sidebar.
  • Enhance visibility. Use different colors or put the number in a button instead of plain text. You can also increase the font size and line spacing to make it stand out.
  • Use a button for the phone number. A button signals to users that it’s clickable. So, placing your phone number in a button is a smart choice.

Well…. That’s it! Now you have a pretty good idea about making phone number clickable. By using tel: format, by adding it in different places of your site such as menu, page, post, header, footer, sidebar etc. if you want more customization go for the plugin but remember that you’ll need the WordPress business plan for plugins.

Well? What are you waiting for? Grow your business by making your phone number clickable!

Leave a Reply

Your email address will not be published. Required fields are marked *