Or go to our Shopify Theme Detector directly
How to Add an Email Link with the Rich Text Editor on Shopify
Last modified: March 22, 2024
Do you want customers to be able to email you directly from your store? You can use contact pages and forms on your website. These are fairly cost-effective and can offer great benefits. A good option to look at is this one here.
However, sometimes, you just want the customer to be able to send an email from their email mailbox direct to you. You could just provide your email address, or you can make it an automatic process by having a common piece of code on your website that opens their default mailbox and inserts your best email address into their recipient’s box.
This is a fairly easy process to do, and it is very similar to how you can add a link to your Shopify page. Here are the instructions on how you can do this.
| # | Name | Image | |
|---|---|---|---|
| 1 |
|
Powerful Contact Form Builder
|
|
| 2 |
|
Sticky Floating Contact Form
|
|
| 3 |
|
Easy Contact Form
|
|
| 4 |
|
Improved Contact Form
|
|
| 5 |
|
Free Contact Form
|
|
| 6 |
|
Form Builder | Mailchimp Forms
|
|
| 7 |
|
Contact Us Form with Captcha
|
|
| 8 |
|
Form Builder ‑ Contact Form
|
|
| 9 |
|
Contact Us Form ‑ Contact Form
|
|
| 10 |
|
Form Builder with File Upload Highlights
|
|
| 11 |
|
Easy Contact Form Builder
|
|
| 12 |
|
Contact Form ‑ Contact Us Form
|
|
|
Show More
|
|||
Step 1 – Log In
The first thing to do is to log into your Shopify store.
Step 2 – Pages/Posts
Now you need to find the post/page where you would like to add the link to mailing you. Once you’ve found the page/post, open it up in the editor.
Step 3 – Highlight the Text
If you’ve already written the text like ‘email us now’ or ‘[email protected]’ then you can highlight the text. Otherwise, you should create the text on the page that will link to the creation of the email and then highlight it.
Step 4 – Click on the Link Button
Now you need to click on the link button that is within the editor panel on the page. This should open the link building dialog box.
Step 5 – Enter the Destination
Now you need to enter in the details for the mail. To start with you need to add ‘mailto:’ and then you need to add your address without a gap between them. So it should look something like this.
mailto:[email protected]
You can also add a subject field so this field is automatically populated when the email is started. This can be done by entering the ?subject= text at the end, so your final entry within the dialog box should look like this:
Mailto:[email protected]?subject=
Step 6 – Short Description
In the link title field, you can give a short, brief description of the mail to. For instance, you could give it a reference that allows you to identify it later on.
Step 7 – Choose how the Link Opens
Now you can choose how the link will open. You will want to select the option that reads to open a new tab or window. This is the best option, though most of the time this is redundant because the ‘mailto:’ attribute in the link will tell the user’s device to open up the default mail client.
Step 8 – Confirm
Now you can click on the ‘Insert Link’ That is located at the bottom right corner of the dialogue box. This will confirm the edit and return you to the page.
Step 9 – Save
Now you can save the page/post.
Conclusion: How to Add an Email Link with the Rich Text Editor on Shopify
Using the above techniques, you can add email links to your website pages and blog posts. It’s an easy process and one that can be done within seconds. However, Shopify also offers several advanced customization options that can enhance your online store’s functionality.
One such feature is the ability to add a phone link within the rich text editor. This allows visitors to easily initiate a call to your business directly from your website, providing a convenient way for customers to reach out to you.
Another useful feature is the option to obtain an [email protected] email address when hosted with Shopify. This professional email address can help establish credibility and provide a consistent branding experience for your business communications.
Furthermore, Shopify’s advanced features and customization capabilities enable you to tailor your online store to meet your specific needs. Whether it’s integrating third-party applications, modifying the theme’s code, or implementing custom functionality, Shopify’s robust ecosystem offers a wide range of possibilities to create a unique and engaging online presence.
-
Can I add multiple email links on the same Shopify page?
Yes, you can add multiple email links on a single Shopify page. Each link can be customized with different email addresses and subjects, enhancing communication flexibility.
-
Can I add a Cc or Bcc field in the email link on Shopify?
Yes, you can add Cc or Bcc fields in the email link. This is done by appending ‘?cc=’ or ‘?bcc=’ followed by the email addresses in the link.
-
What should I do if the email link is not working on Shopify?
If the email link isn’t working, double-check the syntax (‘mailto:’) and the email address for errors. Ensure there are no spaces or incorrect characters in the link.
PageFly Landing Page Builder 
Shopify 
SEMrush 
Website Maintenance 
UpPromote