To make phone number clickable, there are 2 ways:
- using HTML
- using Elementor Page Builder
How to Create a Clickable Phone Number using HTML
More comfortable with the visual tab/WYSIWYG/TinyMCE editor? Here’s how you add phone links in WordPress:
- Edit your page or post in WordPress.
- Make sure you’re on the Visual tab – not the Text tab.
- Highlight the phone number or text you want to make clickable on phones.
- Click the “Hyperlink” button.
- Enter tel: followed by your phone number with no dashes.
- Apply the link.
- Update/publish your page or post.
That’s it. You’re done.
How to Create a Clickable Phone Number in Elementor Widgets
Use Smart Links
With Elementor Pro’s Dynamic Contact URL feature, quickly create “smart” links, such as clickable phone links or mailto links from any widget that has a Link field, like the Button widget. Many other smart links can be created with this feature as well, including SMS message links, Whatsapp conversation links, Skype call links, Viber call links, Waze navigation links, Facebook Messenger links, and calendar event links. Click to learn how easy it is to use these smart links.
To manually create clickable phone links and mailto links instead of using Smart Links, follow the instructions below:
Clickable Phone Links
To Create a Clickable Phone Link That Opens a Dial Dialog on Smartphones and Mobile Devices:
Enter tel: followed by the complete phone number, without dashes or any other symbols, like this:
Simply enter the appropriate mailto: code into the Link field of any linkable widget.
To Create a Basic Mailto Link, with the TO: field filled out:
Type mailto: followed by the email address to send the email to, as shown in the example below:
To Create a Mailto Link, with the TO: field and the SUBJECT: field filled out:
Add subject= followed by the text of the email’s subject
mailto:firstname.lastname@example.org?subject=Thank You For Getting In Touch