How to Add a Phone Link with the Rich Text Editor on Shopify [2024]
Shopify - 3 Day Free Trial - No cc Needed   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 1, 2023

FAQ
How to Add a Telephone Link with the Rich Text Editor on Shopify
Free Shopify Trial

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.

Key Takeaways
1
Log into Shopify, navigate to the desired page/post for editing.
2
Highlight the text, click the link button, and enter ‘tel:’ followed by the phone number.
3
Add a brief description in the link title field, confirm, and save the changes.
Recommended: 7 Best Shopify CSS Editor Apps – [2024]
# Name Image
Shopify
Get a Free Custom Shopify Store
1
Critical CSS
Critical CSS
2
Vitals: 40+ Marketing Apps
Vitals: 40+ Marketing Apps
3
Pagespeed Optimizer ‑ JS & CSS
Pagespeed Optimizer ‑ JS & CSS
4
Custom Css Pro
Custom Css Pro
5
Custom CSS Editor & Minify
Custom CSS Editor & Minify
6
Custom CSS & JS
Custom CSS & JS
7
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:

tel:+0-123-456-7890

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

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.

FAQs
  • 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.

Got Something To Say?

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