Or go to our Shopify Theme Detector directly
How to Add a Telephone Link with the Rich Text Editor on Shopify
Last modified: December 1, 2023
You sometimes 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.
|Get a Free Custom Shopify Store
Vitals: 40+ Marketing Apps
Pagespeed Optimizer ‑ JS & CSS
Custom Css Pro
Custom CSS Editor & Minify
Custom CSS & JS
EasyCode ‑ Custom CSS
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.
Conclusion: 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.
Can I add multiple telephone links on a single Shopify page?
Yes, you can add multiple telephone links on one page. Each link can be set up following the same steps, ensuring they lead to different numbers or departments as needed.
Can I add a fallback option for the telephone link in case of errors?
While Shopify doesn’t directly support a fallback for telephone links, you can provide alternative contact options like email or a contact form on the same page.
Can I style the telephone link to match my store’s theme?
Yes, you can certainly style the telephone link using CSS to seamlessly integrate with your Shopify store’s theme and overall design aesthetics, ensuring a consistent user experience.