How to Make a Phone Number Clickable in WordPress (Easy Solution)

Your website might often require you to link your phone number in multiple spots. Making a phone number clickable is an important aspect of a user-friendly website: it supplements mobile users’ convenience as a single click makes dialing so much easier. In this guide, we shall explore different ways to make a phone number clickable in WordPress.

Using Basic HTML

If you have a basic understanding of HTML, you can easily turn your static phone number into a clickable link. Simply use the following format in your WordPress editor:

<a href="tel:+1234567890">123-456-7890</a>

Substitute “+1234567890” and “123-456-7890” with your own number. This code will make your phone number clickable.

To use this:

  1. Go to your WordPress post or page editor.
  2. Select the spot where you wish to add the clickable phone number.
  3. Switch to the Text Editor (Not Visual editor). There is a tab at the top right corner of the editor to toggle between the Visual and Text views.
  4. Paste the above code in the Text editor.

Remember, always include the full international dialing code starting with the “+” symbol for maximum compatibility.

Using a WordPress Plugin

If you’re not comfortable working with HTML, don’t worry! There are WordPress plugins available that can make this process easier. A great choice is the WP Call Button plugin. Follow these steps:

  1. Install and activate the WP Call Button plugin. You can do this by heading to Plugins > Add New in your WordPress dashboard and typing ‘WP Call Button’ into the search bar.
  2. Once activated, go to Settings > WP Call Button. Here you’ll be able to customize your call button, including the phone number that will be dialed.
  3. Finally, add the button to your desired location by inserting the shortcode it provides you into the post or page where you’d like it to appear.

Another popular plugin is the Call Now Button which places a simple, fixed phone button in the bottom corner of your website.

Using a Widget

Widgets are user-friendly tools that can add a lot of functionality to your site. You can use a Text Widget to make your phone number clickable.

Here’s how:

  1. Go to Appearance > Widgets in your WordPress dashboard.
  2. Drag a Text Widget to the desired widget area (like your site’s footer or sidebar).
  3. In the Text area of your new widget, paste the same HTML code explained in the ‘Using Basic HTML’ section of this guide.
  4. Click Save.

Now your site visitors will easily find your clickable phone number.

Making a Clickable Phone Number in Your WordPress Menu

Lastly, if you want your phone number as a key menu item, it can also be made clickable.

To do this:

  1. Go to Appearance > Menus in your WordPress dashboard.
  2. Click on Custom Links. In the URL field, use the “tel:” format we learned about earlier (e.g., tel:+1234567890).
  3. Add your preferred Link Text (the phone number as you want it displayed).
  4. Click Add to Menu, and drag to position it where you want in your menu structure.
  5. Select Save Menu.

Making your phone number clickable makes your website more user-friendly for visitors, especially those on mobile devices. Now that you know how to do it, you can more effectively facilitate communication with your customers right from your site.

Leave a Comment