Tuesday, June 14, 2022
HomeeCommerceTips on how to Customise Emails in WooCommerce

Tips on how to Customise Emails in WooCommerce


Transactional emails are a key piece of your order achievement course of. They replace your clients on their order standing, present useful details about insurance policies and returns, and are alternatives to encourage repeat gross sales.

The truth is, transactional emails have an open price of 80-85%, whereas most advertising emails solely common round 20-25%. Regardless of these spectacular numbers, nearly all of companies don’t customise their transactional emails. And in the event that they’re generic, it’s possible that your consumers will merely look on the info they want and transfer on. It is a large missed alternative!

Customizing the content material of your emails builds belief by offering useful info that may allow consumers to benefit from their buy. Utilizing your individual colours, fonts, and language reinforces your model, offers consistency, and helps you be remembered. And together with associated merchandise and coupon codes may even result in further purchases.

WooCommerce offers built-in performance that robotically sends clients emails primarily based on order standing. How will you adapt these to finest match your online business and model? 

Tips on how to edit your transactional emails

To view and replace electronic mail settings, log into your WordPress dashboard. Within the left-hand menu, click on on WooCommerceSettings. 

There, you’ll discover a number of tabs on the prime. Click on Emails to view the next templates:

  • New Order: Despatched to the shop admin to inform them of a brand new order.
  • Canceled Order: Despatched to the shop admin to inform them of a canceled order.
  • Failed Order: Despatched to the shop admin to inform them of a failed order.
  • Order On-Maintain: Despatched to clients with particulars if their order is positioned on maintain.
  • Order Processing: Despatched to clients after a accomplished cost; incorporates order particulars.
  • Order Accomplished: Despatched to clients when their orders are marked accomplished; signifies that the order has been shipped.
  • Order Refunded: Despatched to clients when an order is refunded.
  • Buyer Bill: Despatched to clients; incorporates order info and cost hyperlinks.
  • Buyer Word: Despatched when a buyer notice is added within the dashboard.
  • Password Reset: Despatched to a buyer after they request to reset their password.
  • New Account: Despatched to the shopper once they create an account.
list of email templates in WooCommerce

Click on the Handle button to the far proper of the e-mail template that you just’d wish to edit. There, you may customise the e-mail topic line, heading, content material, and sort. You too can use template variables — with the WooCommerce Comply with-ups extension — to shortly and robotically fill in info, like {customer_name}, {order_shipping_address}, or {item_names}. These variables allow you to personalize emails for every particular person buyer.

completed order email in WooCommerce

The Extra Content material area could be particularly useful for emails which might be despatched to your clients, just like the Accomplished Order electronic mail. Together with a particular thanks notice helps your consumers really feel appreciated and provides a contact of brand name persona.

Additionally contemplate linking to guarantee info, return insurance policies, and different documentation that applies to all your merchandise. Prospects ought to be capable to simply entry every part they should know after they make a purchase order.

Widespread design customizations

Should you scroll beneath the record of electronic mail templates in WooCommerce Settings → Emails, you’ll see international customization choices. Word that altering these choices will replace all of your electronic mail templates directly.

You may make modifications to your:

  • Header picture: A picture that you just’d wish to show on the prime of all emails. You would possibly need to use your brand or different model graphics right here.
  • Footer textual content: Data discovered on the backside of every electronic mail. Embody a hyperlink to your web site and phone info to make it simple on your clients to get in contact.
  • Base colour: The colour used for headings, hyperlinks, and the background of your electronic mail title.
  • Background colour: The colour used for the background of the e-mail.
  • Physique background colour: The colour of your electronic mail content material background.
  • Physique textual content colour: The colour for all written electronic mail content material.
default WooCommerce HTML email template

Click on the hyperlink that claims, “click on right here to preview your electronic mail template” to preview your emails.

Updating parts like colour and font to match your web site and branding present a extra seamless expertise on your clients. In spite of everything, in case your web site makes use of a blue and yellow colour scheme, and the e-mail that your buyer receives is orange, they may be confused. If a consumer is aware of what to anticipate and feels comfy with a model, they’re extra prone to turn out to be a long-term, loyal buyer.

Including product-specific info

Should you promote several types of merchandise, you would possibly need to embody particular info that applies to every one in your buyer emails. To do that, go to Merchandise and click on Edit underneath the product you need to change. Scroll all the way down to the Product Knowledge part and click on Superior. There, you’ll see a clean field the place you may add a Buy Word.

product data box showing a product note field

Buy Notes can be utilized in quite a lot of methods. You would hyperlink to a PDF instruction guide or web page your buyer has particular entry to. Or, you might embody a coupon code for a reduction off their subsequent buy. The purpose is to supply as a lot useful info as potential to your clients in order that they’ll love your merchandise and maintain coming again. 

Customizing emails with MailPoet

The MailPoet extension permits you to harness the advertising and customization energy of MailPoet on your transactional emails. Begin by putting in the extension out of your WordPress dashboard, simply as you’ll some other plugin. Then:

  1. Go to MailPoet → Settings → WooCommerce in your WordPress dashboard, choose Use MailPoet to Customise Your WooCommerce Emails and save your settings.
  2. Click on Open Template Editor.

Now, you’ll use MailPoet’s drag-and-drop editor to make the modifications you’d like. Word that the template you’re enhancing controls the appear and feel of all WooCommerce emails, not each individually. However you may freely edit the areas above and beneath the e-mail header and first content material space (the house the place order info, and so forth. is displayed). Right here are some things you are able to do:

  • Add your brand to the highest of the e-mail
  • Change the colours to match your model
  • Embody illustrations or different eye-catching pictures 
  • Add a button that hyperlinks to essential content material, instruction manuals, help boards, or unique gives for brand new clients.
  • Place hyperlinks to your social media accounts to encourage engagement
MailPoet editing transactional email color

Every of these modifications simply require you to tug and drop content material into place — that’s it! No enhancing templates or writing code. For extra info, see the information to enhancing WooCommerce emails with MailPoet.

And the most effective half is that, with MailPoet, it’s also possible to benefit from different advertising instruments. Ship electronic mail newsletters with updates, reductions, or product suggestions. Attain out to new clients with a welcome message or unique coupon. Tailor messaging primarily based on the particular product every particular person bought. Ship deserted cart emails to those that add merchandise to their cart with out testing. The sky’s the restrict!

The viewers segmentation choices in MailPoet are strong, and permit you to customise your emails in order that they’re hyper related. Listed here are only a few of the segmentation choices you should use:

  • Variety of electronic mail opens
  • Whether or not or not somebody clicked a selected hyperlink (or any hyperlink)
  • Subscribe date
  • Variety of orders
  • Whether or not somebody bought a selected product
  • Whether or not somebody bought inside a selected class
  • Complete spent
  • Buyer nation
  • Whether or not somebody has an energetic subscription

You additionally gained’t have to fret about electronic mail deliverability — MailPoet has a 99% deliverability price, so you may relaxation simple realizing that your transactional emails will arrive within the buyer’s inbox.

Modifying emails with the WooCommerce electronic mail customizer

The WooCommerce Electronic mail Customizer extension permits you to have extra management over your emails. Utilizing the WordPress customizer, you may change the picture and colours in your electronic mail headers, physique, and footer. It’s a brilliant easy solution to make primary modifications with none code.

email customizer in action

You’ll be able to preview your modifications within the reside editor, however do remember that this extension customizes the design of your emails, not the textual content or content material.

Customizing emails with Mailchimp

There could also be occasions that you just’d wish to make extra intensive modifications to your transactional emails. The Mailchimp for WooCommerce extension is a technique to do that with out touching a line of code. Plus, you may handle all your electronic mail advertising efforts and transactional emails in a single place!

To arrange the Mailchimp for WooCommerce extension:

  1. Navigate to the WooCommerce market and obtain the Mailchimp for WooCommerce extension.
  2. On the left aspect of your WordPress dashboard, click on Plugins → Add New.
  3. Choose Add Plugin → Select File and add the ZIP file that you just downloaded from the WooCommerce market.
  4. Click on Activate Plugin.

Then, you’ll be redirected to the Settings web page, the place you may sync your retailer with Mailchimp and set choices. Mailchimp offers a full tutorial that may enable you to get began.

adding a WooCommerce audience to Mailchimp

As soon as Mailchimp for WooCommerce is about up, you’ll be capable to:

  • Customise order notifications to suit your model colours, fonts, and extra.
  • Add advisable merchandise to transactional emails.
  • Arrange deserted cart emails.
  • Observe and section clients primarily based on buy historical past and frequency.

Mailchimp viewers segmentation is likely one of the most respected strategies for sending personalized emails. You’ll be able to section your viewers primarily based on order whole, lifetime quantity spent, buy date, and extra. It is a nice solution to encourage further purchases primarily based on the precise merchandise your clients already purchased or different actions they took in your website.

You too can add a promo code block to your emails. This encourages repeat purchases by offering an incentive within the type of a coupon code. One of the best place to incorporate that is in a post-delivery electronic mail as a result of clients have already had an opportunity to strive your product out. Should you ship it too quickly, they could simply be aggravated that they couldn’t apply it to their authentic buy.

Why is that this so efficient? Let’s say that your buyer receives their order, opens it, and is thrilled. They use it for a few days and it really works identical to they need it to. Then, they open their electronic mail, and get a reduction or free transport for his or her subsequent buy. Since your product is already top-of-mind, they’re extra prone to order one other one for themselves or buy one as a present.

There are numerous ways in which you should use Mailchimp to customise your emails and make them as efficient as potential. Study extra concerning the choices.

Creating customized templates with code

Should you’re a developer or are comfy enhancing PHP recordsdata, WooCommerce offers every part it is advisable to make modifications to transactional electronic mail templates.

Within the left-hand menu of your WordPress dashboard, choose WooCommerceSettings. Then, click on the Emails tab on the prime. Discover the e-mail that you just’d wish to customise and click on the Handle button on the far proper. On the backside of that web page, there’s a notice that tells you which ones PHP template is related to that electronic mail. 

Each transactional electronic mail consists of a mix of templates. This enables you extra management over customization than the opposite strategies listed right here.

For instance, in case you solely need to edit your electronic mail header, you’ll simply must make edits to the email-header.php file. For modifications within the footer, you’ll work with email-footer.php. To edit a selected electronic mail template, just like the buyer bill, you’ll change customer-invoice.php.

Let’s say that you just need to replace the colour of any hyperlinks included in your emails:

  1. Copy the file discovered at wp-content/plugins/woocommerce/templates/emails/email-styles.php into your retailer’s baby theme. Word that in case you customise the mother or father theme moderately than the kid theme, any modifications shall be overwritten with theme updates.
  2. Discover the “hyperlink” class within the copied file. 
  3. Edit the code to alter the hyperlink colour.
.hyperlink {
	colour: #a4bf9a;
}

There are limitless customizations you may make. To search out out extra info on the template construction for WooCommerce emails, take a look at the Template Construction documentation.

WooCommerce hooks

WooCommerce hooks are a good way so as to add content material to the format of your emails. Understand that hooks will permit you to add content material however not modify present textual content. To change textual content, see the part above on customizing templates.

Add the snippets beneath to your baby theme’s features.php file. The hooks that you just use depend upon what you need to add and the place you need to place the content material.

Beneath the header:

So as to add content material beneath the header, use the woocommerce_email_header( $email_heading, $electronic mail ) hook:

<?php
add_action( 'woocommerce_email_header', 'mm_email_header', 10, 2 );
operate mm_email_header( $email_heading, $electronic mail ) { 
	echo "<p> Thanks for buying with us. We respect you and your online business!</p>";
}

After the desk:

So as to add content material beneath the order desk, use the woocommerce_email_after_order_table ($order, $sent_to_admin, $plain_text, $electronic mail) hook:

<?php
add_action( 'woocommerce_email_after_order_table', 'mm_email_after_order_table', 10, 4 );
operate mm_email_after_order_table( $order, $sent_to_admin, $plain_text, $electronic mail ) { 
       echo "<p>Hey! Thanks for buying with us. As a means of claiming thanks, right here’s a coupon code on your subsequent buy: FRESH15</p>";
}

Above the footer:

So as to add content material above the footer, use the woocommerce_email_footer($electronic mail) hook:

<?php
add_action( 'woocommerce_email_footer', 'mm_email_footer', 10, 1 );
operate mm_email_footer( $electronic mail ) { ?>
	<p><?php printf( __( 'Thanks for buying! Store for extra objects utilizing this hyperlink: %s', 'woocommerce' ), '<a href="' . get_permalink( wc_get_page_id( 'store' ) ) . '">' . __( 'Store', 'woocommerce' ) . '</a>' ); ?></p>

<?php
}

Word: These hooks and customization choices are tightly linked to the theme you’re utilizing due to the features.php file location inside your theme recordsdata. Should you change your theme, you’ll have to maneuver your modified template recordsdata or hooks to your new theme.

For extra info, learn our WooCommerce Hooks documentation..

Begin customizing your emails

Customizing the design and content material of your emails helps you extra efficiently replace consumers on order progress, promote model consciousness, and encourage repeat gross sales. It doesn’t matter what degree of coding expertise you might have, WooCommerce offers quite a lot of methods to make the modifications that you just want.

How have you ever personalized your transactional emails to extend gross sales? Tell us within the feedback.

Promote your business and sell more products with email marketing tools from MailPoet

RELATED ARTICLES

LEAVE A REPLY

Please enter your comment!
Please enter your name here

Most Popular

Recent Comments