How to add a Telephone Link with the Rich Text Editor on Shopify
Shopify - Pay Only $1 /Pm For 3 Months   Free Trial
Detect Shopify Theme

Or go to our Shopify Theme Detector directly

How to add a Telephone Link with the Rich Text Editor on Shopify

Last modified: December 3, 2021

How to add a Telephone Link with the Rich Text Editor on Shopify
Shopify free trial

Sometimes you want customers to call you when they have a question. Or perhaps you have multiple store locations and would like to offer customers a chance to call the store directly if they have a query. You could just add the text for the number and trust the customers have the right numbers when they enter it.

Or you could use the benefit that more than half of customers are now using their mobiles for visiting websites and then add an automatic link that contains a number that tells the customer’s device to call that number.

This is an easy process which is very similar to adding a link to a Shopify page. Here are the instructions for you to follow to effortless add a telephone number to your website that is usable.

Recommended: The 7 Best Shopify CSS Editor Apps – [2023]
# Name Image
Get a Free Custom Shopify Store
Custom CSS Editor & Minify
Custom CSS Editor & Minify
Critical CSS
Critical CSS
Custom CSS & JS
Custom CSS & JS
Vitals: 40+ Marketing Apps
Vitals: 40+ Marketing Apps
Pagespeed Optimizer ‑ JS & CSS
Pagespeed Optimizer ‑ JS & CSS
Custom Css Pro
Custom Css Pro
EasyCode ‑ Custom CSS
EasyCode ‑ Custom CSS
Show More

Step 1 – Log In

Start off by logging into your Shopify store using your store credentials.

Step 2 – Pages/Posts

Find the post/page where you would like to add the telephone number for your customers to call you or the particular store on. Once you’ve found the page/post, open it up for editing.

Step 3 – Highlight the Text

Now you need to find the text where you would like the customer to click to call you. This could be your telephone number. Or you could use simple text like ‘contact store’ or ‘call us’. It doesn’t matter which text option you use, it is the coding that matters which is the important element.

If you’ve not created the text, you can create it now.

Once you’ve found or created the text, highlight it.

Step 4 – Click on the Link Button

Go to the edit task bar at the top of the edit window and click on the link button. This should open the link building dialog box that you need to add the information.

Step 5 – Enter the Telephone number

Now it is time for you to add your telephone number to your website. This is done by using the ‘link to’ box and adding the ‘tel:’ code followed by the right telephone number. An example of how it should look:


For domestic only calls (i.e. within the same country) you don’t need to enter the country code. Otherwise, enter the country code.

Step 6 – Short Description

In the link title field, you can give a short, brief description of the telephone link. An example would be to identify which store the telephone number should be directed to or which department within your business.

Step 7 – Confirm

Now you need to confirm the adding of the link to the page. This can be done by clicking on the button that says ‘Insert Link’. This will close the dialogue box and insert the link onto the page.

Step 8 – Save

Now you can save the page/post.

Keep Reading

Final Word: How to add a Telephone Link with the Rich Text Editor on Shopify

Using the above instructions to add a telephone link within your pages/posts. This is an easy process that can be completed within minutes. The process is very similar to how you can create a link on a page for your website. And remember you can also add an app to your store for easy contact forms.

Got Something To Say?

Your email address will not be published. Required fields are marked *