Wix Editor: Creating a Clickable Phone Number, Email, or URL
Updated: 6 days ago
Add clickable phone numbers and email addresses to your mobile site so visitors can contact you directly from their devices. You can also create clickable URLs, which direct visitors to other pages or external sites.
Before you begin:
For clickable phone numbers, emails, or URLs to work, you need a compatible app installed on your device. For example, to open an email link, install and set up an email app such as Outlook, Gmail, or Mail for Windows.
Creating a clickable phone number
Generate a clickable phone number so visitors can call you directly from their mobile devices. When you enter your number into a text box, it automatically becomes clickable, so you don't need to add any links.
To create a clickable phone number with a text box:
Click Add
on the left side of the mobile or desktop editor.
Click Text.
Select your chosen text box to add it to your site, or click and drag it to the relevant location.
Click the text box.
Click Edit Text.
Enter your phone number.
Want to try it another way?
You can also create a clickable phone number by:
Connecting your phone number to a Quick Action Bar on your mobile site.
Linking your number to other elements on your site (such as a button).
Note:
On iPhones and iPads, when a clickable phone number is tapped more than three times consecutively, the device blocks the ability to make the call.
Creating a clickable email address
Creating a clickable email address with a text box allows mobile visitors to quickly contact you or your business. When you enter an email address to a text box, it automatically becomes clickable on your live site, so visitors can use it to send you a message instantly.
To create a clickable email address with a text box:
Click Add
on the left side of the mobile or desktop editor.
Click Text.
Select your chosen text box to add it to your site, or click and drag it to the relevant location.
Click Edit Text.
Enter your email address.
Press the Enter key on your keyboard.
Tip:
You can also create a clickable email address by:
Connecting your email address to a Quick Action Bar on your mobile site. Learn how to add and set up a Quick Action Bar
Linking the address to text or other elements on your site. Learn how to add links to text and elements
Creating a clickable URL
If you want to redirect your visitors to external links, create a clickable link with a text box in the editor. When you add a URL to a text box, the editor recognizes it as a link and allows visitors to click it on your live site.
To create a clickable URL with a text box:
Click Add
on the left side of the mobile or desktop editor.
Click Text.
Select your chosen text box to add it to your site, or click and drag it to the relevant location.
Click Edit Text.
Enter the URL.
Press the Enter key on your keyboard.
Tip:
You can also direct visitors to external links on your site by:
Hyperlinking text, for example "Click here to view our Partner site". Learn how to hyperlink text
Adding a URL as a link to a button on your site. Learn how to add links to buttons
FAQs
Do I need to add HTML code when adding a clickable number, email, or URL to my site?
You don't need to add any HTML to create a clickable phone number, email address, or URL - just enter the text into the text box.
Can I add multiple numbers / emails / URLs to my site?
Absolutely. However, if you want to add more than one number, email address, or URL, make sure to separate them into different text boxes. You should also ensure that there's adequate space between to text boxes so visitors can easily select the relevant text.
What do I need to add when I enter a phone number?
Make sure that you enter your phone number country and area code. Phone numbers without a country code will work locally but people abroad will not be able to connect.
Tip: If you only want people from a specific country to contact you, you can add text in a separate text box. For example, "Call Me (only for US citizens)".
Make sure the phone number contains at least 7 digits.
Use the same color and font for the whole text.
What characters can I put into a text box with my phone number?
The following characters can be used in your phone number:
Pluses and minuses (+, -). The plus can only be at the beginning of the number (e.g. +1415-639-9034).
Spaces, periods and parentheses.
The following characters cannot be entered with your phone number:
Commas, colons, or apostrophes.
Any other text in the same text box, such as "Tel" (e.g. Tel: +0123456789).
What do I need when I add an email address?
Use the same color and font for the whole text.
Ensure that you enter the address correctly into the text box.
What other characters can I put into the email address text box?
You can add additional text to the box that contains the email address. However, you need to add a space between the email address and the other text to ensure that the address remains clickable.
It is not possible to put the following into a text box with your email address:
Special characters or spaces.
Periods at the end of email addresses (such as youremail@wix.com.). It should be written as "youremail@wix.com".
What other characters can I enter into a text box with a URL?
URLs automatically become clickable when you enter them as a standalone text element, so it is not possible to add:
Additional characters or spaces.
Any other text in the same text box, such as "Check it out" (e.g. Check it out: www.wix.com).
Can I create clickable URLs in different languages?
It is currently only possible to create clickable URLs with English URLs.
Can I create a dynamic link that visitors click to send emails?
Yes. With the CMS (Content Management System), you can store email addresses in your collection and connect them to buttons on your site.
To create dynamic email links:
Add an 'Email' field to your collection.
Connect a button or image to the dataset.
Set the Click action connects to dropdown to your Email field.
Note: Alternatively, you can use a URL field if you add the mailto: prefix to your addresses (e.g., mailto:support@website.com).
Why do I see the error “Default Mail Client Is Not Properly Installed” when clicking an email link?
This error means your device does not have an email app installed or set as the default. To fix this, install an email app (like Outlook, Gmail, or Mail for Windows) and set it as your default mail client. Learn how to troubleshoot this error.
This article is credited to the Wix team - https://support.wix.com/ and we thank them for that!
Comments