Complementor/Telephone contact link
Content / widget · Elementor module

Telephone Contact Link Widget Plugin for Elementor

Show a phone number as a real call link from a number typed in any common format, with your own text, an icon, an opening-hours note and a button style.

Included in All AccessClassic Elementor widgetFrom $29 USD / year
Complementor / Telephone contact linkProduct preview
Text, style and layout controls inside Elementor
01 / Interactive demonstration

Try it

These are the actual published outputs of the widget. The numbers are reserved for examples, so the calls will not connect.

02 / Inside WordPress

Telephone contact link controls in Elementor

Content sets the phone number (dynamic tags allowed), the country code for local numbers, the link text, whether the number is shown, the icon, a text-link or button look, a note, and whether the link shows only on phones and tablets. The Style tab covers the link or button, the icon, the number and the note.

03 / Website use cases

Where to use telephone contact link

Local businesses want visitors on a phone to call with one tap, but a tel: link only works when the number is written in international form without spaces, and a mistyped number gives a dead link. Telephone contact link takes the number as you would write it, such as (020) 7946 0000 or +44 (0)20 7946 0000, turns it into a correct call link, and hides the link on the live site if the number cannot be dialled. You can add your own text, an icon, opening hours and a button style.

01

Local businesses

Let mobile visitors call the shop or salon with one tap.

02

Trades and services

Put a call button in the header for urgent jobs.

03

Offices

Link to departments with their extensions.

04 / Installation and setup

How to add a call link in Elementor

Start with Complementor installed and your license connected. Enable this module in the WordPress library, then configure it in Elementor.

  1. Install Complementor, connect your license and enable Telephone contact link in the Complementor library.

  2. Add the widget to a page, header or footer.

  3. Type the phone number, and the country code if it is a local number.

  4. Choose the link text, icon, look and an optional note.

  5. Style the link and tap it on a phone to test.

05 / Content and style controls

Customize telephone contact link in Elementor

Configure the settings available for this module to suit the page you are building.

  • Numbers typed in any common format.

  • Correct international tel: link.

  • Extensions such as ext. 12.

  • Text link or button look.

  • Opening-hours note.

  • Hidden when the number is invalid.

06 / Choose the right approach

Telephone contact link and Elementor alternatives

Compare the existing Elementor workflow with this Complementor module before choosing your setup.

An Elementor Button with a tel: link

Works if you write the number correctly yourself; mistakes give a dead link.

Plain text

Visitors have to copy the number into their phone by hand.

07 / Requirements and compatibility

Telephone contact link compatibility with Elementor

WordPress 6.5+PHP 8.0+Elementor 3.25+
  • Requires Elementor; works without WooCommerce.
  • Creates a call link; it does not track calls.
  • One phone number per widget.

Complementor uses classic Elementor APIs. Atomic-native controls are not implemented. Check your theme, cache and integrations on a staging site before release.

08 / Common setup problems

Troubleshoot telephone contact link

Check these settings if the published page behaves differently from the editor.

Why is the link missing on the live site?

The number cannot be dialled. The editor shows why: add + and the country code, or set the country code for local numbers.

Why does an Italian number not connect?

Italian numbers keep their leading 0. Type them with +39, for example +39 06 1234 5678.

Why is the link missing on my laptop?

Show only on phones and tablets is on. It hides the link on devices with a mouse.

Can I use a number from a custom field?

Yes. The number field accepts dynamic tags.

09 / Frequently asked questions

Telephone contact link plugin questions

Does it need Elementor Pro?

No. It works with the free version of Elementor.

Does it work on computers?

Yes, when a calling app such as FaceTime, Teams or Skype is set up. You can also hide it on computers.

Does it support extensions?

Yes. Write ext. 12 or x 12 after the number and it becomes part of the link.

Is it accessible?

Yes. It is a real link with visible text, and the icon is hidden from screen readers.

Does it need JavaScript?

No. The link is plain HTML.

10 / Annual All Access subscription

Get telephone contact link with Complementor

This module is included with all 1007 current Complementor solutions. Choose your production website allowance; every plan includes the same modules.

All Access · 1 site

One website

$29USD / year
  • All 1007 current modules
  • Plugin downloads and updates for one year
  • New releases during the paid term
  • Product support
Choose 1 site ↗

Renews at $29 USD each year.

All Access · 5 sites

A few websites

$49USD / year
  • All 1007 current modules
  • Plugin downloads and updates for one year
  • New releases during the paid term
  • Product support
Choose 5 sites ↗

Renews at $49 USD each year.

All Access · 25 sites

More websites

$99USD / year
  • All 1007 current modules
  • Plugin downloads and updates for one year
  • New releases during the paid term
  • Product support
Choose 25 sites ↗

Renews at $99 USD each year.

Applicable taxes extra. Annual subscriptions renew automatically unless canceled in your customer account. Elementor Pro is required for Exclude current post. Read the terms and 14-day technical-issue refund policy.