How To Add A Link In Shopify Email Template

Shopify rocks, but it doesn't have a sexy interface for setting upwardly HTML Emails (like MailChimp or AWeber). To get good-looking email notifications fix upwards in your store, they say you need to know how to lawmaking in HTML…. Or exercise you?

This article covers the basics of setting up HTML Emails in Shopify.

Psst… Before we kickoff: Want to salve hours researching, coding and tweaking your Shopify Email Templates?

Starting time Upward: Why Bother Using HTML Electronic mail Templates In Shopify?

Because, rather than plainly old' text emails, your customers volition run into your branding, background colors, logo, and whatever else yous choose:

Plain text Email: Shopify's Default

HTML E-mail Templates: Sexier

How Do I Enable HTML Email Templates?

1. Create your colorful template in MailChimp, AWeber or another editor.

Unless you desire to lawmaking your HTML Email Template from scratch, I'd advise using another service to help you. Here are several skillful ones:

MailChimp
AWeber
Graphicriver also has some depression-cost HTML email templates available for sale.

2. Convert your HTML to inline styles

Once you accept your HTML Email template, you can't just paste it straight into Shopify. Why? Because web services similar Gmail and Hotmail applyinline HTML, not CSS, to render their emails. The tools you lot used (above) volition have cleverly incorporated CSS into your template, to govern all the styles in your emails.

In a nutshell:If you employ normal CSS rules to set the styles in your email, Gmail and Hotmail will delete your styles and prove a plainly-text email over again.

To get around this, you lot demand to employinline styles. Re-create your HTML code (the one you lot created higher up, for example, using MailChimp), and paste it into this website: https://inlinestyler.torchboxapps.com/

That will give y'all inline HTML code. Booyah.

3. Enable HTML in your Shopify Store

Go to your Shopify Admin Panel > Emails and Notifications. Choose the email you desire to customize, and so hit "Enable HTML Template":

4. Add your content

From there, you need to play around with what content y'all desire to show. If you have a heading, apply "ctrl+F" on the Shopify folio to find your heading and edit it if needed. Same goes for your e-mail's content ("Cheers for your order" etc.) and footer (telephone number/email).

5. Add the Shopify code into your HTML Template

This is really important. It's no good having a practiced-looking e-mail template if your Shopify lawmaking doesn't get put in there to tell the customer what they ordered. To do this, you need to re-create the text-based email contentfrom the box above, and paste it into the right place in your HTML email template, thusly:

half dozen. Preview, test, and edit until it'due south finished

From here, you can preview the email, ship yourself a examination version, and go on tweaking until you're happy with information technology.

You can so echo for all the emails you lot want to customize (for example, Shopify provides emails for Order Notification, Aircraft Confirmation, New Gild, etc.).

Don't forget: If y'all'd like a done-for-you prepare of templates you can set up in under 10 minutes, y'all tin download our template by clicking the button below.

Final notes

To be honest, this isn't piece of cake. It does accept some time, but it's worth information technology when you accept bully-looking emails going out to your customers.
Exist careful – in that location'southward no 'undo': Save versions of your HTML template regularly as you update them. Then back them upward once again. Shopify'south HTML E-mail template system is just a text box – there's no MS Word-Like autosave feature or an disengage button.

Proficient luck and happy emailing!

***

Thank y'all again for post-obit our Shopify Insider Blog @ BlackbeltCommerce, we have many other valuable posts that are informative. Hither are our tiptop recommendations; Shortcodes For Shopify, HTML templates, 4 Social media tricks for your shopify store, All you need to know to start a new due east-commerce store, and four Days In. We can besides aid you with many other services. Also, y'all can learn all about who are the Shopify Experts at Blackbelt Commerce.

Questions? Allow us know in the comments below.

What are the top Shopify stores doing?

Have what nosotros've learned and use it to your advantage.
Become our exclusive research: Insights from over 500 Shopify Stores.

Success! At present check your email to confirm your subscription.

Tweet
Share 0
Reddit
+one
Pocket
LinkedIn 0

Apr second 2020

Tell others nearly this post

Tweet
Share 0
Reddit
+ane
Pocket
LinkedIn 0