Search

How to Add Related Products to WooCommerce Completed Order Email with YayMail

Do you have an online store built with WooCommerce? If so, you might need YayMail for the sake of increasing your sales. What is that? Read on to learn more.

YayMail is a WordPress plugin designed specifically for WooCommerce. The plugin allows you to customize the default transactional emails of WooCommerce such as order confirmation, completed order email, processing order email, and so on. With the plugin, you can customize all the WooCommerce emails to match your brand.

In this post, we will provide an overview about YayMail and how to use it to add related products to the completed order email, which can trigger your customers to make other purchases based on the products they have just bought.

But first, let’s start by understanding the transactional emails that WooCommerce has.

Understanding the WooCommerce Email Templates and How to Edit Them

Just like other e-commerce software like Shopify and the likes, WooCommerce also comes with a set of transactional emails.

A transactional email refers to an email that automatically sent to a user/customer in response to an action s/he takes on a website or application (WooCommerce in this case). The content of a transactional email is based on the action a customer took.

For instance, when a customer makes a purchase, s/he will receive an email containing order confirmation as well as payment details. Once the payment is made, s/he will receive another email notifying the payment has been received. All of these emails are sent automatically by the system.

The number of transactional emails involved within a transaction can be vary, depending on the e-commerce software you use. In WooCommerce itself, there at least 3 transactional emails sent to a customer within a transaction as follows:

  • Order on-hold: An email sent to a customer that contains order details. Including order status and payment details
  • Processing order: An email sent to a customer that contains order details after the payment
  • Completed order: An email sent to a customer that contains when the order is complete

The above emails are the minimum number of emails sent to a user withing a transaction. Extra emails can be sent on certain circumstances such as order cancellation, refunded order, and so on.

In addition to emails sent to customers, there are also three emails sent to site administrator as follows:

  • New order: An email sent to administrator when a new order is received
  • Cancelled order: An email sent to administrator when a new order is cancelled
  • Failed order: An email sent to administrator when a new order is failed to proceed

You can find all the transactional emails of WooCommerce under the Emails tab on the WooCommerce settings page.

Emails tab of WooCommerce on the settings page.

In total, there are 11 emails that WooCommerce has. The content of each email is different according to its context, as briefly mentioned above. The New order email, for instance, contains content about order notification. You can edit the default content of each email by clicking the Manage button.

While to edit the look/design of your email, you can go to the Email template section under the Emails tab on the WooCommerce settings page. From here, you can set things like base color, background color, text color, and so on.

Email template section on WooCommerce settings page

The problem with the default email customization options offered by WooCommerce is that they are extremely limited. There is no option to add a new element to an email template.

Also, as you can see on the above screenshot, you can only change the colors of the elements on an email template.

More advanced options like font family, font size, and so on are not available. Let alone the option to change the layout. Whereas advanced design options are crucial when it comes to branding.

So, what is the solution? You can install an email customization plugin for WooCommerce like YayMail.

What is YayMail?

As we have just mentioned above, YayMail is an email customization plugin for WooCommerce. The plugin allows you to customize every transactional email template belongs to WooCommerce. It comes with a visual editor to ease your job in customizing the email templates.

Here is the look of the YayMail email editor.

The screenshot of the YayMail editor interface

Looks familiar?

Yes, the look of YayMail email editor is pretty similar to a Elementor in dark mode. So is how it works. You can easily add the elements you want from the left panel to the canvas area on the right side. Plenty of design options will show up after you add a design element to the canvas area or click an existing one.

To access the YayMail editor itself, you can go to YayCommerce -> YayMail on your WordPress dashboard. You can then select a WooCommerce email you want to customize by selecting it via the dropdown menu on the menu bar of the editor.

You can then start working by adding elements you want and style up the existing ones. YayMail itself offers about 28 design elements, which are divided into four categories:

  • Basic
  • General
  • WooCommerce
  • Blocks

On the Basic category, you can find static elements like image, button, text, and so on. To arrange the email layout, you can browse elements on the General category. To add WooCommerce native elements like shipping address, billing address, and order item, you can go to the WooCommerce category. While on the Blocks category, you can find extra elements like featured products, simple offer, and single banner. This category itself is only available on the pro version.

Once you are done editing an email template, you can simply click the Save button on the top-right corner of the editor. The last modification of an email will be used by the WooCommerce system.

YayMail itself is a plugin developed by YayCommerce. The developer releases the plugin as a freemium product, with the free version is available on WordPress.org. Same as other WordPress plugins, you can also extend the functionality of YayMail via add-ons. One of the useful YayMail add-on you can install is YayMail Conditional Logic.

YayMail Free vs Pro

As mentioned, YayMail is a freemium plugin. The free version is more than enough for basic email customizer functionality. Interestingly, there is no annoying YayMail branding (usually found on the bottom section) on the email templates even if you use the free version.

So, what is perk of using the pro version?

There are some perks you will get by using YayMail Pro. Such as shipment tracking, checkout field editor, and back in stock notifier. But the most notable one is that you can access three extra elements on the Blocks category, as we have mentioned above.

Extra elements on the Blocks category

All elements on the Blocks category are great for promotional purpose on your emails, especially the Completed order email which we will cover shortly below.

  • Featured Products:

This an element to make it easy for you to display WooCommerce featured products in a grid style instantly without having to drag and drop too many times.

Featured Products element of YayMail Pro
  • Simple Offer

You can use this element to display text-based promotion material on your email. There is a CTA button which you can use to place your product link.

  • Single Banner

As the name suggests, you can use this element to add a banner on your email. Pretty similar to the Simple Offer above, but you can add visual element to make it more appearling.

YayMail Conditional Logic

While the main functionality of YayMail is to help you customize WooCommerce email templates — without needing to deal with code — you can also leverage it as a marketing tool.

First, you can use it to strengthen your branding by creating email templates that match your branding. Second, you can leverage the YayMail Conditional Logic add-on to display related products on your email templates.

YayMail Conditional Logic is an add-on that allows you show/hide an element on your email template by a certain condition or more. For instance, you can show related products to the Completed order email to trigger your customers to make another purchase based on the product they have just bought. Here is an example.

Screenshot of WooCommerce Completed order email edited with YayMail

You can display related products based on the product category a customer just bought. But it is just an example.

YayMail Conditional Logic also allows you to display items on your emails by other criteria as well. Such as billing country, payment method, shipping method, and even coupon code.

Display conditions that YayMail Conditional Logic supports

Here is the list of the criteria that YayMail Conditional Logic supports:

  • Billing country
  • Product category
  • Product
  • Product SKU
  • Minimum order total
  • Maximum order total
  • Payment method
  • Shipping method
  • Coupon codes
  • Booking payment status

As mentioned, you can add multiple conditions to display elements dynamically on your emails, which is great for more targeted promotion.

Using YayMail Conditional Logic to Add Related Products to WooCommerce Completed Order Email

In this post, we will show you how to implement YayMail Conditional Logic to add related products to the Completed order email of WooCommerce.

Completed order email itself is the last email a customer receives within a transaction. So, it is reasonable enough to add related products to this email to trigger another purchase.

A simple instance. Displaying socks after a customer buy a pair of shoes can inspires her/him make another purchase on your online store.

Here is how to add related products to WooCommerce Completed order email with YayMail Conditional Logic.

Step 1: Install the YayMail Conditional Logic Plugin

First thing first, you need to install the YayMail Conditional Logic plugin on your website. The plugin itself is a paid plugin. You can get it for $39 per year for a single site. Alternatively, you can spend $89 for the one-time purchase option (no yearly subscription fee).

YayMail Conditional Logic is compatible with both the free version and pro version of YayMail. In other words, installing YayMail Pro is no required.

You can get the plugin on the official website of YayMail. Install and activate the plugin right away once you have downloaded it.

Step 2: Edit the Completed Order Email Template

Once everything is ready, you can start the mission of adding related products to the Completed order email of WooCommerce.

Start by going to YayCommerce -> YayMail on your WordPress dashboard to access the YayMail editor. Once the editor opens, select an email template you want to edit from the top bar. Since you want to edit the Completed order email, so select it.

Selecting Completed order email on YayMail Editor.

The default template of the Completed order email will be loaded to the canvas area after you select the option. You can style up some existing elements. Simply click an element to turn it into an editing mode.

Since our mission is to add related products, then we need to add new elements. In this example, we will add two related products placed in two different columns. For this purpose, you can start by adding the Two Column element to the canvas area.

The demonstration of how to add a new element in YayMail

Before adding any element to the columns, you can style up the Two Column element such as changing its background, setting its padding, and so on.

Next, add the image of the first product you want to add to the first column. You can do so by dragging the Image element to the first column (the left one). If needed, you can also add the Title element to add the title or your product.

One crucial thing. Don’t forget to add a link to your product on the Image element. This way, when a customer clicks the image, it will be directed to the associated product page.

Repeat the above steps to the second column on the Two Column element. The final result should like the following.

Setting a Display Condition

On the Completed order email you have just edited above, you added the Two Column element, which is used to place the related products you want to add. Next, you can set a display condition on this element to make it show up only when the condition is met.

Since we want to add related products, you can set the condition to Product category. This way, the Two Column element will only show up when after a customer bought a product from a product category you set.

To set the condition, first, select the Two Column element on the canvas area. On the settings panel, scroll down to the CONDITIONAL LOGIC section. Click the Add Conditional Logic link and select Product category from the dropdown list. Place your cursor on the third field to select a product category.

That’s it. You can click the Save button on the top-right corner to apply all the changes you have made. While to enable the new email template you have just edited to your live online store, you can switch the toggle on.

From now on. Your customers will see products related the one they have just bought from your WooCommerce store every time they completed a purchase.

The Verdict — YayMail Review

Marketing has always been the hardest part of running an online store. In WooCommerce, you can maximize every area of your online store to help your marketing endeavor, including the transactional emails.

YayMail is a great plugin you can install if you have an online store built with WooCommerce. With the plugin, you can add extra elements to the WooCommerce templates, regardless of your purpose. As we have just covered above, you can add related products to the Completed order email with the help of Conditional Logic add-on.

Completed order is the last email a customer receives within a transaction. So, displaying related products to this email is a good idea to trigger another purchase.

Overall, YayMail is a great email customizer plugin for WooCommerce. Its visual editor makes it easy to customize the default WooCommerce emails to match your brand, without needing to know HTML or CSS. Furthermore, its Conditional Logic add-on is quite useful to maximize your marketing endevaor.

This page may contain affiliate links, which help support our project. Read our affiliate disclosure.
Picture of Aliko Sunawang

Aliko Sunawang

Aliko is a WordPress expert and lead blogger at WPPagebuilders. He has been blogging with WordPress since 2012. He is responsible of all content published on this website.
Want to save yearly expense up to $219? why not?

Leave a Comment