Resources     Blog  

  1. Home
  2. Elementor Tutorials
  3. How To Create Clickable Phone Links or Mailto Links in Elementor

How To Create Clickable Phone Links or Mailto Links in Elementor

It is always a good idea to have clickable phone and mailto links scattered through your website. It makes contacting you much easier. You can create clickable phone links and clickable mailto links in Elementor and add them to sections of your page fairly easily.

There are actually a couple of ways to do this. In this tutorial, I will show you how to add clickable phone links and clickable mailto links using the free version of Elementor.

Note: If you have the pro version of Elementor you can use the Dynamic Contact URL feature, and quickly create “smart” links, such as clickable phone links or mailto links from any widget that has a Link field. An example of this would be the Button widget.

The process of creating clickable phone or mailto links in Elemenotr is not difficult. You simply need to know where to start. Here are the steps to create either one you want.

To create a clickable phone link that will easily allow someone to open a fast dialog with you, all you have to do is put the following link tag into a text editor widget within Elementor.  Once you do that, simply drag the widget wherever you want it to display on the page.

<a href=”tel:1234567890″>Call us at 123-456-7890</a>

Create clickable phone link tags in elementor

You can see above where I put the link tag in. You can also see what the link displays like on the page in real-time.

That’s it. It is simple and easy.

The concept behind creating clickable mailto links is the same as above. You enter the following link tag into a text editor widget within Elementor and then drag the widget wherever you want it to show on the page.

< a href=”mailto:sample@greengeeks.com”>Email GreenGeeks< /a>

Create clickable email link tags in elementor

It isn’t very difficult, so go ahead and create all the clickable links you need to within Elementor.

Note: You can also create links with the button widget but the clickable links will all display in button form.

Final Thoughts

Clickable links on websites make it easy for your site user to contact you via phone or email. They are more direct and to the point, and allow for almost instant contact.

Creating these clickable links in Elementor is not difficult, you just have to know where to start. I hope this tutorial was able to show you how easy it is to create clickable phone and mailto links using Elementor.

Good luck and start creating!

Author: Jeremy Holcombe

Growing up in Hawaii, Jeremy started his freelance writing career doing resumes, business plans, article writing, and everything in between. He now specializes in online marketing and content writing and is part of the Content Marketing Team at GreenGeeks.

Was this article helpful?

Related Articles

Comments

  1. Thanks for tip.
    Small notice here: you should remove spacing in code for MailTo part.

Leave a Comment

This site uses Akismet to reduce spam. Learn how your comment data is processed.