You type your phone number into a Divi page, open the site on your phone, and tapping it does nothing. Some phones guess that a number is a phone number, but you can’t count on it. The fix is to make it a real link with tel: in front.
The format
A phone link uses tel: followed by the number with the country code and no spaces or brackets. For a US number like (435) 000-0000, the link is:
tel:+14350000000
The text people see can stay formatted however you like. Only the link has to follow that format.
In a Text module
- Edit the Text module and select the phone number.
- Click the link button in the text editor.
- Enter
tel:+1followed by your number as the URL and save.
In a Button module
Set the Button’s link URL to your tel: link. A “Call now” button is usually easier to tap on a phone than a number inside a paragraph.
In a Blurb or Icon module
Use the module’s link URL setting with the same tel: link, so the whole blurb or icon becomes tappable.
In your header or footer
If the number is in a global header or footer, edit it once in Divi > Theme Builder and every page that uses that template updates. If your number appears in a lot of separate pages, it’s worth moving it into the global header or footer so the next change is a single edit.
Test it
Open the page on a phone and tap the number. It should offer to call. On a desktop, it may offer to open a calling app, which is normal.
If you use a Grok Bot with Divi Bot Bridge, you can ask it to find your phone number across the site and update it, with a backup taken before each change.
Disclosure: suweb.ai is made by SU Web Agency, and we make the plugins mentioned here. Everything above works without them.