px:

How to Make a Phone Number Clickable in WordPress

About Frozen Fire / Digital Marketing Tips



In a world where technology needs to be fast and easy, understanding how to make a phone number clickable in WordPress is essential to increasing your inquiries. Many individuals use their phone as a primary search tool nowadays, and nobody wants to have to try to copy and paste a phone number off a website. By having a mobile-friendly clickable phone number, your customers will be able to get a hold of you efficiently.

How to Make a Phone Number Clickable in WordPress with HTML

If you’re wondering how to make a phone number clickable in WordPress using HTML, all you need to do is follow these steps:

  1. Write the standard link tag.
    <a href=””></a>
  1. Enter your business’ phone number. Just make sure that it is numbers only; no dashes!
    <a href=”1234567890″></a>
  1. Add “tel:” in front to designate it as a phone number.
    <a href=”tel:1234567890″></a>
  1. Add what you would like the hyperlink to say. (Ex: Call Today)
    <a href=”tel:1234567890″>Call Today</a>
  2. Test it.

After you add the HTML code, update your website and test the phone number using your mobile device to access the page. Make sure you click on the link and see if it works!

Remember, you can choose to add this HTML code through the text editor. If you’re using the block editor, you can add this code to an HTML block.

How to Make a Phone Number Clickable in WordPress with a Hyperlink

An easier option to adding HTML code is to simply hyperlink to the phone number. While you’re in your visual editing tab, follow these steps:

  1. Highlight the text.
    You can highlight text or an image with your mouse.
  2. Click the hyperlink button.
    Once the image is highlighted, choose the hyperlink option
  3. Enter the phone number.
    In the hyperlink field, enter:
    tel:1234567890
    Remember, no dashes, quotes, or anything else. Just paste it exactly as we did above (with the correct phone number, of course)!
  4. Apply the Link.
    Verify that the number is correct, and that’s it. Update your page and test it on your mobile device to ensure it works properly.

How to Make a Phone Number Clickable in WordPress with Buttons

If you’re curious about how to make a phone number clickable in WordPress with a button, it’s fairly easy.

If you have the block editor, simply choose the button option as a block. (Hit the “+” to add a block and search “button,” then it will pop up as an option.) Add whatever text you would like the button to say, then style its color and shape using the sidebar to the left. After you have the button you want, choose the hyperlink option and add:

tel:1234567890

If you’re not using the WordPress block editor, you can add a clickable phone number to a button or image by following the detailed directions in this article!

Contact information is crucial for a business to provide customers with to help build relationships, answer any questions, or even assist with product purchases. If you want to optimize your website to increase your conversions, contact us today to learn about the services we offer and how else we enhance our clients’ online presence. (And yes, we do include our clickable phone number on that page!)

WE BRING THE HEAT

  • CONTACT US FOR A QUOTE

    We’d love to hear about your project and how we can help to make it even better.

  • Looking to join the team? Apply now!