If you are using Elementor on your website and want to add a phone number link to your website, the process is very simple. But it will be enough to read this article to find out.
But first, if you haven't installed Elementor yet, find out how to do it by clicking on this link.
It should already be noted that there are two ways to add a clickable phone number link in Elementor:
- You can do this using the Text Editor widget
- Or by using any other widget with the Link field.
Let's see each of these methods now.
Method 1: How to add phone number link in Elementor using Text Editor widget
First, change the page where you want to place the clickable phone number link with Elementor.
Then drag and drop the Text Editor widget onto the page.
Type the text on which you want to create the clickable link and select it. Now create a hyperlink on this text and type the following in the Link field:
Tel: 1234567890
You obviously need to replace the above phone number with your own.
In the image below you can see that I have created a link on the text "Contact Me: 1234567890" and set the Link field to 1234567890
See also: How to open Elementor popup from URL or menu
Now anyone can call you just by clicking on this link from a cell phone.
Here. It was the first method. Now let's take a look at the second method.
Method 2: Adding a phone number in Elementor using widgets which have the link field
Now let's add a phone number using other Elementor widgets that have the Link field.
For this method, let's use the Button widget.
First, drag and drop the Button widget onto the page.
Then set the text field to "Contact Me" or any other text you want. And in the link field, write Tel: 1234567890.
Do not forget to save your changes.
And that's all ! Now anyone can call you by clicking this button on their mobile phone.
Read also How to Add Custom CSS to Free Elementor
In this example, I used the Button widget. But, you can use any other Elementor widget that has the Link field, such as Header widget, Icon widget, etc.
You have just learned how to add a phone number in Elementor while making it clickable and using two different methods.
Use either of these two methods to create a clickable phone number link in Elementor.
Get Elementor Pro Now!!!
Discover also some premium WordPress plugins
You can use other WordPress plugins to give a modern appearance and to optimize the handling of your blog or website.
We offer you here some premium WordPress plugins that will help you do that.
1. Events Schedule
Events Schedule is a WordPress Plugin which allows you to create your schedule in minutes, and add it to your page either using Visual Composer or just using a simple shortcode generated automatically.
It offers a weekly view which will be excellent for managing a reservation system of a dance studio, a fitness center or a sports center. The compact view is more suitable for conferences, speakers, workshops or seminars.
Simple List View is a solution for displaying your calendar with rich visuals, designed to highlight important events. Music festivals, sports arenas, a stadium or an exhibition center will benefit from this view to promote their events.
Download | Demo | Web hosting
2. Grid FX
With four unique skins, Grid FX is a WordPress Plugin versatile portfolio tool, available for $19 on CodeCanyon. It lets you place WooCommerce images, videos, audio, blog posts, and products into sleek grids, Pinterest-style galleries, and image carousels.
Personalization is king with this plugin, with its over 80 different styling options. You can choose from a range of skins, lightbox backgrounds, title animations, colors, and buttons. You can also define the number of items that will appear in the portfolio, the size of each item and the number of columns.
Also read our guide on: 9 WooCommerce plugins to enhance your variable products
To improve navigation, visitors will be able to filter the grids to find what they are looking for. Add a portfolio to your website with this WordPress Plugin is as simple as pasting a shortcode into a post box, page or widget.
Download | Demo | Web hosting
3. WooCommerce Downloader and PDF Viewer
WooCommerce Downloader and Pdf Viewer is a WooCommerce addon. It allows users to download free virtual products directly from the product page and view them directly in the browser.
The Add to Cart button is automatically replaced by the buttons Download et Show to allow users to download or view attached files without having to go through the ordering process.
It displays a statistics page that tracks downloads and views by date and keeps you informed of the list of the most downloaded products. These features are very useful if you need a section of your online store containing free virtual products.
Download | Demo | Web hosting
Recommended Resources
Find out about other recommended resources to help you build and manage your website.
- Elementor: How to create a floating button with Z index
- How to convince a customer and sell his products on the internet
- How to allow users to filter articles and pages
- How to fix "Unable to write to disk" error on WordPress
- How to add a WooCommerce store on Facebook
Conclusion
Here ! That's it for this tutorial. Now you are able to add a clickable phone number on Elementor. Do not hesitate to share with your friends on your favorite social networks.
However, you will also be able to consult our resources, if you need more elements to carry out your projects of creation of Internet sites, by consulting our guide on the WordPress blog creation.
And if you have any suggestions or remarks, leave them in our section Comments.
...
