Elementor Tutorial

Click To Call Elementor

Looking for similar WordPress and Elementor Plugin tutorials? Browse the lessons above or get in touch with specific questions.

Step 1: Copy This Code

First, You’ll need this snippet of code. It’s quite short and you’ll need it for the next step.

tel:

Step 2: Use Button Element

Next, within Elementor, create a button element. Click and drag the button to wherever you’d like to place it on the page. Here’s an example button below.

click to call elementor

Step 3: Insert Your Phone Number

Open up the button that you’ve just created and paste the code from above. Now, write your phone number directly after the “tel:” (without quotes) that you’ve just pasted. For the purposes of this example I’ve created a screenshot here with the sample number “1234567890”

It’s important that your number does not have any dashes, spaces, quotes or any other type of characters besides the number. There should not even be a space after the tel:

The button below has the exact code markup as the reference screenshot. Please not that this is not a real number and if you click the button it will assume you are calling the number 123-456-7890.

Stuck With Elementor?

Get tailored help to your website and don’t waste money on agencies. Learn to build and manage your own site.

Get In Touch

Questions and Conversations

Submit Your Project Info

Questions, comments or feedback on anything you’ve seen here. I’ll get back to you as soon as possible.