How to Customize WooCommerce Emails Without Coding

WooCommerce Emails

How to Customize WooCommerce Emails Without Coding

Customized emails give your customers more details about your brand. You can tell them about advanced resources related to the purchases and the latest items currently on sale. This can help to get customers back to your online store and overall boost revenue.

A couple of years ago, you had no choice but to modify the WordPress theme code in order to customize the email templates.

But that is a thing of the past!

Thanks to new coding technologies, now we can use YayMail to design HTML emails without touching a single line of code. It is free and you can download it to fully customize 11 WooCommerce email templates.

 WooCommerce Emails

How to navigate in YayMail email customizer

YayMail is a drag and drops email customizer for WooCommerce.

Upon activation, you will see a new sub-menu at WooCommerce > Email Customizer. That’s where you can manage and edit all templates in a single window.

 WooCommerce Emails

YayMail allows you to use the drag and drop builder to add elements to the email builder. Every element represents a block in the email template. You can edit its text and style like in Gutenberg editor.

It’s simple to change the layout, content, and even add multiple columns. 

 WooCommerce Emails

The interface feels like the Elementor page builder with the customizer on the left-hand sidebar and the email sample preview on the right side.

Above is the Processing order email template which is the first touchpoint from you to customers after they finish the checkout process.

Design shipment tracking notices

In this article example, I will explain how to customize the shipment tracking email template. Ideally, it is just the same method if you want to customize other default WooCommerce email templates too.

Now, let’s make it more beautiful, we can follow these easy steps to make a better design.

Change the Logo

You can change the Logo by clicking on the default WooCommerce Logo and changing it. Alternatively, simply choose a new Icon element, then drag and drop the Logo element to the top layer of the design.

Set the Heading color

This is the color of your Order Title background and it is better to set this based on your website’s color scheme and color consistency.

Personalize some parts of the email content

This is a very cool way to win the hearts of your customers with a touchy and personal email, you can add or edit a “Text” element, then click on the “shortcode” options to see available name shortcodes to add in the text, so as to call each customers name in the email.

Customize the order details

You can change the title text of the tables of purchased items, or billing, and shipping details border color.

Here is a screenshot that shows our new design for this template with YayMail: 

 WooCommerce Emails
Best practices when customizing emails

Make use of shortcode

Shortcodes are dynamic email tags and variables to help output the personal details about your customers and orders.

Use them when you need to display WooCommerce checkout fields or custom fields in the email body.

All you need to do is copy the shortcode you want from the list and then paste it into the email template section where you want it to be.

Send test email before enabling the template

After saving the newly customized email, it’s time to try it out.

YayMail comes with the ability to send a test email. This will show you what your email will look like in recipients’ inboxes. Make sure to check it out on different email clients such as Gmail, Hotmail, and different devices like desktop, Apple Mail app, and so on.

Duplicate template and copy element when needed

​​Use it to copy a particular email template design and then paste it into a new email option. This allows you to tweak bit by bit and use your design without creating it from scratch all over again.

Email conditional logic with YayMail

Especially, with email conditional logic, you can leverage the offers and send them only to those who meet your requirements. This includes order total minimum spending, which means a coupon code is only sent if the customer has spent a specific sum of money on your store’s products.

Below is a great example of how to take advantage of conditional logic in emails. Use this to send tailored coupon codes for those purchased items from particular product categories.

 WooCommerce Emails

Wrapping up

Email builder features and impressive design can transform routine emails into something extraordinary. You’ll have visual notices and messages that can improve communication with your clients. 

YayMail – WooCommerce Email Customizer is a great choice if you need an amazing email customizer that’s effective, social media-friendly, and easy to use.

Its vast array of useful placeholders and variables make the plugin an ideal pick for company owners who want to spice things up a bit or have full control over their email messages.

You Might Also Like