# Installation

Learn how to install the Spark Email Editor for WooCommerce in your store

{% embed url="<https://youtu.be/xT_7E8_LoJY>" %}

{% hint style="info" %}
Haven't yet purchased the Spark Editor - PRO?

[Get Spark Editor PRO](https://sparkeditor.com/pricing/)
{% endhint %}

Thank you for downloading the Spark Editor plugin.\
​\
This guide will assist you with the installation of the plugin.

**Step 1:**\
​Login to your WordPress Admin section and go to Dashboard -> Plugins.

**Step 2:**

Click the "Add New".&#x20;

<figure><img src="/files/zHf4z3PXkS5G3Bi2NBfr" alt=""><figcaption></figcaption></figure>

**Step 3:**&#x20;

After clicking the Add New button you will find Upload Plugins

<figure><img src="/files/6HGtYRPnkYKvBCrSbkU2" alt=""><figcaption></figcaption></figure>

**Step 4:**

&#x20;In the upload plugin section, you will find the Choose File option to upload the downloaded zip file.

<figure><img src="/files/EPmYtwjACa0w4QqON0A3" alt=""><figcaption></figcaption></figure>

**Step 5:**&#x20;

After Installing you will find a page like this, click Activate Plugin to activate.

<figure><img src="/files/QIbXHmc0H1IwFPdtEFn0" alt=""><figcaption></figcaption></figure>

**Step 6:**

&#x20;On the plugin page, you can view the status of the plugin's activation.

<figure><img src="/files/ENkZDeYVGjfNAA9udAVW" alt=""><figcaption></figcaption></figure>

**Step 7:** Now, let's activate the license key.

The obtained license key can be validated on the following page.

<figure><img src="/files/eTsKsPTOLGprRzFW8HHh" alt=""><figcaption></figcaption></figure>

After the Validation, you can see the License activated message.

<figure><img src="/files/rCYdKwIgIYfxmGa5UuxQ" alt=""><figcaption></figcaption></figure>

Now, start customizing your email templates in a much better way.

### Unable to upload the plugin ?  <a href="#couldnt-able-to-upload-the-plugin" id="couldnt-able-to-upload-the-plugin"></a>

1. Make sure, that you upload the .zip file downloaded from MyDownloads Section.
2. Using "Safari Browser" for downloading the PRO version might automatically unzips the ZIP file after it downloaded it.\
   However, wordpress needs the zip file for installation.
3. Try downloading the plugin using either  Chrome or Firefox.Alternatively, you can turn off the automatic zip extraction in SafariHere is a guide for turning off the Automatic Unzipping of the files by Safari:<https://www.addictivetips.com/mac-os/stop-automatically-unzipping-files-in-safari/>&#x20;

I have more questions ?\
​Please submit a support request <support@flycart.org>\
We are always happy to assist you :)


# License Key Validation

Learn how to validate the license key for Spark Editor and also manage the sites associated with the license

This article will guide you with the activation of your Spark Editor License Key at your site and also how you can manage the sites associated with the license key.

{% hint style="info" %}
Haven't yet purchased the Spark Editor - PRO?

[Get Spark Editor](https://sparkeditor.com/pricing/)
{% endhint %}

#### How to get the license keys? <a href="#how-to-get-the-license-keys" id="how-to-get-the-license-keys"></a>

There are two ways:

1. You can view the license key in the "Purchase confirmation email" that we send to you immediately after you purchase the Spark Editor.
2. Please log in to the [My Account page ](https://sparkeditor.com/my-account/)and click on the "View Licenses" link

<figure><img src="/files/1kqAi0752IRU4z26MrfJ" alt=""><figcaption></figcaption></figure>

#### How to Validate the License Key? <a href="#how-to-validate-the-license-key" id="how-to-validate-the-license-key"></a>

Once you have obtained the license key, please go to your WordPress dashboard -> Spark Editor PRO -> Settings -> License section

Enter your license key and click the "Activate" button

<figure><img src="/files/rCYdKwIgIYfxmGa5UuxQ" alt=""><figcaption></figcaption></figure>

WP Mail Editor Plus comes in three different plans - Starter, Professional & Agency. The usage of the license (number of sites) is based on the plan you have purchased.

* Starter - 1 website
* Professional - 5 websites
* Agency - 25 websites

When you activate the license, we automatically add the site for you and associate it with your license.

In case, you want to add/remove the sites manually for your license key, follow the instructions below to do so:

* Login to [My Account](https://sparkeditor.com/my-account/) page.
* Go to the My Account menu and click on the "View Licenses" link
* In the following screen, click on the "Manage Sites" link
* In the next screen, you can add/remove (deactivate) the sites

<figure><img src="/files/Lf1wYvABCTmLvpp7Bv16" alt=""><figcaption></figcaption></figure>

Still could not validate the key?

Please submit a [support request](https://wprelay.com/support/). We will assist you with the validation.


# Introduction

Learn how to create and customize your WooCommerce emails with Spark Editor Pro .

{% hint style="info" %}
Please note that before proceeding, you must have installed and activated the Spark Editor PRO plugin.

[Get Spark Editor PRO](https://sparkeditor.com/pricing/)
{% endhint %}

**The Spark Editor** is a powerful tool designed to enhance the appearance and functionality of your transactional emails. Featuring a user-friendly drag-and-drop interface, this plugin allows you to effortlessly customize the look and feel of your email notifications. Tailor your emails to align with your brand’s identity, making your communications more engaging and professional.

***

You can significantly enhance your customer engagement with a professionally designed order email that includes your site logo, images, and other elements.

In the following documentation, we will explore how to set up both simple and advanced customizations in [Spark Editor PRO ](/template-customization/customization-of-template/add-background-color-to-the-email-templates)and examine their functionalities in detail.

Let's explore how to create your first email template.

Need some additional assistance ? Please submit a [support request](https://wprelay.com/support/). We are always happy to assist you :)


# Create a Template

Learn how to create your WooCommerce Emails template with  Spark  Pro

**To create an order email template, follow these steps from your WordPress dashboard:**

1. Navigate to **WooCommerce > Spark Editor**
2. Here, you’ll find various steps involved in crafting your email template.

Let’s go through the process for creating a template specifically for **Completed Orders**.

i) Choose your language: **Spark Editor** supports multiple languages. Select the language you wish to use for customization if your site is multilingual.

ii) Next, select an email template from the available options. For example, if you want to send a confirmation email for completed orders, choose the **completed Order** template from the list of 10 different templates.

<figure><img src="/files/gtRPZbSmdGsD5aEfIfdr" alt=""><figcaption></figcaption></figure>

iii) **Completed order template** is ideal for sending confirmation emails for completed orders, similarly choose from the other 10 different templates to match the purpose of your communication seamlessly.

**Still have more questions ?**\
​Please submit a support request <support@flycart.org>\
We are always happy to assist you :)


# Enable/Disable Templates

Learn how to easily Enable/Disable specific email templates in simple steps

You can enable/disable emails in just a single click. So simple! No further action is required.

Let's see on how we can do it.\
Navigate to Woocommerce --> Spark Email Editor PRO --> Templates Tab.

There are the lists of templates that are available for each language.&#x20;

<figure><img src="/files/NBZSgXxpb9wlCgicYNYp" alt=""><figcaption></figcaption></figure>

You can select your preferred language and under the templates you find a status option to enable it.

<figure><img src="/files/kcuBRPCTblBZRYB5XY0O" alt=""><figcaption></figcaption></figure>

If you wish to disable a particular template, you can just turn off that particular template.&#x20;

<figure><img src="/files/0CSSrLIxMliqumBUCdgV" alt=""><figcaption></figcaption></figure>

When changing the status, you can see the message being displayed.

<figure><img src="/files/XvpNvVdRUfjrRaMJG7Jh" alt=""><figcaption></figcaption></figure>

When any of the templates are disabled, then the default emails as per the Woocommerce email templates will be sent.

Still unclear ?\
Please submit a [support request](https://sparkeditor.com/support/). We are always happy to assist you :)


# Edit/Delete Templates

Learn how to easily Edit/Delete specific email templates in simple steps.

Easily edit or delete emails with a single click!

Simply navigate to WooCommerce → Spark Email Editor PRO → Templates Tab.

Quickly modify any email template by clicking the edit option, making it easy to customize content as needed.

<figure><img src="/files/d5RGiGEcixlKRXZhR7ee" alt=""><figcaption></figcaption></figure>

Similarly, remove any unwanted email template with a single click on the delete icon to keep your email list organized.

<figure><img src="/files/7xyh5IbzmUlgarbDp9ME" alt=""><figcaption></figcaption></figure>

Still unclear ?\
Please submit a [support request](https://sparkeditor.com/support/). We are always happy to assist you :)


# Copy/Export Template

Quickly learn how to use copy and export template option in the Spark Email Editor

Navigate to Woocommerce --> Spark Email Editor PRO --> Customiser Tab. You can the copy template button in all the customised emails.

<figure><img src="/files/rlsjSGPv5JakmYkJArAb" alt=""><figcaption></figcaption></figure>

Let's learn how to use copy template option with an example :\
​\
You have Customized Template for English Language. You want it to copy to another language say spanish templates from English language.

Once the template is customised, click on Copy button.

<figure><img src="/files/0GWWKFtXSbskS7z1nbQ5" alt=""><figcaption></figcaption></figure>

Choose the language and email template to which it should be copied.\
Let's say, I want to the same to be replicated in Español's New order email template.

<figure><img src="/files/s0TP6TchsnNpcWJwQDYk" alt=""><figcaption></figcaption></figure>

Click on Copy button.&#x20;

You can see the message indicating that the template is copied successfully. ​ Now, if you wish to go to the template, you can click on "Go to copied template".

<figure><img src="/files/9ju0z3xc27MKslWn9jLZ" alt=""><figcaption></figcaption></figure>

Clicking on Go to copied template, will redirect you to Español's New order email template.

Note :

* The copied template (in our case, Español's new order email) will be by default, set to disabled.
* You can check and make changes if any, and then enable the email template.&#x20;

**You can export the customized template to your other desired places by clicking on the export option. Once you click, it downloads as a MJML file and gets saved in your files.**

<figure><img src="/files/egJ7jiWZvoeLXErFAefN" alt=""><figcaption></figcaption></figure>

Still Unclear?\
Please submit a [support request](https://www.flycart.org/support).\
We are always happy to assist you :)


# Reset Templates

This simple tutorial will show you how to reset a specific email template in the Spark Email Editor plugin

Resetting the templates, will delete all the changes you have made.\
You need to again customise each template using the in built sample templates.\
​\
Templates are deleted in a single click.\
​**Caution: Exercising this option will re-set all your email templates to default styles that comes with the plugin**\
&#x20;So make sure, you completely know what you are doing.

Navigate to Woocommerce --> Spark Email Editor PRO --> Customiser Tab.\
​\
Alongside of the enabled templates, you can see a delete icon.

<figure><img src="/files/Ra1KIjahU7uskrzYObE2" alt=""><figcaption></figcaption></figure>

Clicking on the delete button will delete all the changes/customisations you have made.

You have to then customise the template from scratch by using any one of the available sample template.

I have more questions ?\
​Please submit a support request <support@flycart.org>\
We are always happy to assist you :)


# Customization of Template

Learn how to customize your WooCommerce email templates with Spark Editor Pro.

**To customize an email template, follow these steps from your WordPress dashboard:**&#x20;

1. Navigate to WooCommerce > Spark Editor.&#x20;
2. Here, you’ll find various options to tailor your email template to match your brand and preferences.

Click on **Customize**, and then choose one of the sample templates to get started. These templates are designed to provide a foundation for your email design, allowing you to easily modify elements such as text, colors, and layouts to suit your brand's needs.

<figure><img src="/files/3Zz64LGDQVN6LDZTONPo" alt=""><figcaption></figcaption></figure>

* Once you’ve selected a template, you’ll find options and buttons on the right side to copy content between email templates and preview the email.

You can customize the templates using the drag-and-drop editor. The customization process involves two main steps:

1. **Choosing the Block**
2. **Styling the Block**

<figure><img src="/files/5FR9gFmrWxU1x2G71J06" alt=""><figcaption></figcaption></figure>

<figure><img src="/files/UhNkg66DoJpyeAmSqg7I" alt=""><figcaption></figcaption></figure>

After choosing the block, you can style that particular element.

<figure><img src="/files/pmwRu9nCmcoXGWCOHe0Y" alt=""><figcaption></figcaption></figure>

**To add personalised information, you can use the shortcodes.**

Clicking on shortcode icon will show you all the short codes in the popup window. These shortcodes can be used to add additional information of order details, customer info, etc while editing the element.

<figure><img src="/files/MY1lvuHiGWuULNlYuj53" alt=""><figcaption></figcaption></figure>

The interesting part is you can see the preview of the emails across all devices like PC, tab and mobile devices.

<figure><img src="/files/IzB6eRKC689QaSUv44Fa" alt=""><figcaption></figcaption></figure>

**Still have more questions ?**\
​Please submit a support request <support@flycart.org>\
We are always happy to assist you :)


# Add background color to the Email Templates

Let us see how to change the email background color and the text block color to make them look attractive in a few quick steps

You can change the background color of each mail template.

Navigate to Spark Editor Pro -> Choose any email template.\
The background color/block color can be found in *style section.*&#x20;

<figure><img src="/files/nXfpWqtatuR3wPMwa5PP" alt=""><figcaption></figcaption></figure>

The desired color can be selected from the color picker.  It is also possible to enter a desired color by providing the hex code in the Custom option.

<figure><img src="/files/p1iWVauLQsc5NqVboDGy" alt=""><figcaption></figcaption></figure>

After the desired color is selected, save the template.&#x20;

<figure><img src="/files/ZSpNjLKPgc4YxFO3dRTh" alt=""><figcaption></figcaption></figure>

**Changing the color of each block**&#x20;

&#x20;​It is possible to change the background color of each and every elements in a block.&#x20;

Click on the block that you desire to add a color, and click on the background color section.

<figure><img src="/files/QZLDw8BEQBBlkVB8dzvY" alt=""><figcaption></figcaption></figure>

You can choose the desired color by selecting from the color picker.

<figure><img src="/files/G9RBT13wwGRNLOZ9Jiwq" alt=""><figcaption></figcaption></figure>

You can change the color of each blocks as per your requirement.

<figure><img src="/files/fx72CQM5aQPmaxSsllw1" alt=""><figcaption></figcaption></figure>

Still unclear ?\
Please submit a [support request](https://sparkeditor.com/support/). We are always happy to assist you :)


# Add Header and Footer in Email Templates

Learn how to easily add header and footer icon to your email templates in a few steps

You can easily add your header icon to email templates.

Here's how: Go to WooCommerce --> Spark Editor --> Select a template. You'll find the header icon in the block section.

Drag and drop it according to the desired place in the template.

<figure><img src="/files/z2gSsGRZ8nLJdngKPpBR" alt=""><figcaption><p>Adding Header</p></figcaption></figure>

Likewise, you can add it in all email templates.

Similarly, you have a footer icon to add on your templates where you can also add your store's social links and store details.

Drag and drop it according to the desired place in the template.

<figure><img src="/files/cQUKAz9ssnA3f9DpHPoe" alt=""><figcaption><p>Adding Footer</p></figcaption></figure>

**I have more questions ?**\
​Please leave a support request to <support@flycart.org>\
We will be happy to assist you :-)


# Supported Shortcodes

Here is the detailed list of short codes that are supported in the Spark Editor plugin for personalization

Shortcodes are key to the email builder, acting as placeholders for dynamic data. For instance, {{order.id}} will be replaced with the actual Order ID in the customer notification email after an order is placed.

### Where to find all the short codes? <a href="#where-to-find-all-the-short-codes" id="where-to-find-all-the-short-codes"></a>

You can find it when you customise each template.

<figure><img src="/files/mPdsHYNje88AxzVK56CS" alt=""><figcaption></figcaption></figure>

Click on the Shortcodes button&#x20;

<figure><img src="/files/06dXGVVwliSJd34Z50WW" alt=""><figcaption></figcaption></figure>

All available shortcodes are listed in the pop-up box on the left side.

<figure><img src="/files/Tt1AYu0iCxx10MbITY10" alt=""><figcaption></figcaption></figure>

**List of supported short codes**

**Below are the available list of short codes.**

**Billing Address**

​{{billing\_address.formatted\_address}} - To get billing address&#x20;

{{billing\_address.first\_name}} - To get billing first name

{{billing\_address.last\_name}} - To get billing last name&#x20;

{{billing\_address.name}} - To get billing name&#x20;

{{billing\_address.company}} - to get billing company&#x20;

{{billing\_address.phone}} - To get billing phone

{{billing\_address.address1}} - To get billing address 1&#x20;

{{billing\_address.address2}} - To get billing address 2&#x20;

{{billing\_address.city}} - To get billing city&#x20;

{{billing\_address.state}} - To get billing state

{{billing\_address.province}} - To get billing province

{{billing\_address.zip}} - To get billing zip code&#x20;

{{billing\_address.country}} - To get billing country Shipping Address

{{shipping\_address.formatted\_address}} - To get shipping address&#x20;

{{shipping\_address.first\_name}} - To get shipping first name&#x20;

{{shipping\_address.last\_name}} - To get shipping last name&#x20;

{{shipping\_address.name}} - To get shipping name

{{shipping\_address.company}} - To get shipping company&#x20;

{{shipping\_address.phone}} - To get shipping phone

{{shipping\_address.address1}} - To get shipping address 1&#x20;

{{shipping\_address.address2}} - To get shipping address 2&#x20;

{{shipping\_address.city}} - To get shipping city&#x20;

{{shipping\_address.state}} - To get shipping state&#x20;

{{shipping\_address.province}} - To get shipping province&#x20;

{{shipping\_address.zip}} - To get shipping zip code&#x20;

{{shipping\_address.country}} - To get shipping country

{{shipping\_method.title}} - To get shipping method title&#x20;

{{shipping\_method.formated\_price}} - To get shipping price with price format

{{shipping\_method.price}} - To get shipping price&#x20;

**Shop Details**

{{shop.landing\_site}} - To get landing site URL

​{{shop.name}} - To get shop name

{{shop.email}} - To get shop E-Mail&#x20;

{{shop.url}} - To get shop URL

{{shop.address1}} - To get shop address 1&#x20;

{{shop.address2}} - To get shop address 2&#x20;

{{shop.city}} - To get shop city

{{shop.zip}} - To get shop zip code&#x20;

**Order Details**

{{order.id}} - To get order id&#x20;

{{order.email}} - To get order E-Mail&#x20;

{{order.items\_count}} - To get order item count

{{order.items\_qty\_count}} - To get order items quantity count

{{order.last\_note}} -  To get the last note

{{order.customer\_note}} - To get customer note

{{order.status\_link}} - To get order status link&#x20;

{{order.subtotal\_price}} - To get order sub-total&#x20;

{{order.total\_price}} - To get order total

{{order.created\_at}} - To get order created date&#x20;

{{order.fee}} - To get order fee&#x20;

{{order.refund}} - To get order refund&#x20;

{{order.url}} - To get order url&#x20;

{{order.order\_items}} - To get order item details

{{order.downloads}} - To et order download details

{{order.customer\_provided\_note}} - To get customer provided note&#x20;

**Payment Details**

{{payment.payment\_method}} - To get order payment method

{{payment\_url}} - To get payment URL&#x20;

{{payment\_transaction\_id}} - To get order transaction id\
​ \
**​Reset Password**

​{{customer.password\_reset\_url}} - To get customer name&#x20;

**New User**

​{{customer.password}} - To get customer name

{{customer.activation\_url}} - To get customer E-Mail&#x20;

**Customer Details**<br>

​{{customer.name}} - To get customer name

{{customer.first\_name}} - To get customer first name

{{customer.last\_name}} - To get customer last name

{{customer.user\_nicename}} - To get customer nice name

{{customer.email}} - To get customer email

{{customer.user\_login}} - To get customer user login

**E-Mail Social media Shortcodes**

{{social.facebook}} - Facebook URL from settings

{{social.twitter}} - Twitter URL from settings

{{social.linkedin}} - Linkedin URL from settings

{{social.pinterest}} - Pinterest URL from settings&#x20;

**I have more questions ?**\
​Please submit a support request <support@flycart.org>\
We are always happy to assist you :)


# Meta data

Learn how to fetch order meta in your email templates using the Spark Editor

WooCommerce stores extra order details in the Post Meta table using a key-value format.

Although Spark Editor supports all default order values, you might have additional data from plugins or custom fields. For instance, the Shipment Tracking ID could be a custom field.&#x20;

Below is a screenshot of such a custom field.

<figure><img src="/files/9Q82CexrO89L2ujfWF6u" alt=""><figcaption></figcaption></figure>

WooCommerce allows adding additional values to every order using the "Custom Fields" section.

This custom field usually gets saved in the wp\_postmeta table as a meta\_key and meta\_value

In the above example,

meta\_key = tracking\_id (it is always good to use an underscore instead of spaces)\
meta\_value = 123456

\
Similarly, most shipment tracking id plugins save the data to the order (post) meta table. You can easily cross-check with the developer of the plugin to know where they save the data. It would most probably in the order meta (post meta) table.

> ```
> Also, you can add your own custom data as order values. WooCommerce allows "Adding Custom Field" in every order and save as order meta
> ```

> ```
> Or if you have created any additional custom fields in your orders, you can easily add the information to your emails by just adding a shortcode.
> ```

> **Step 1: Make sure you created the custom field or get the existing field's key**
>
> Go to your WordPress dashboard -> WooCommerce -> Orders
>
> Open an order and scroll to the bottom of the record.

<figure><img src="/files/I5Zv0HPF6IJ4r7fKaZIr" alt=""><figcaption></figcaption></figure>

You will see both existing Meta Name/Key and their values for the order.

You can also create new value for the order by click "Enter New" link

NOTE: Once created, this Meta Name / Key will be available in the "Select list" in all other orders. So you can simply select and just enter the values. Save.

**Step 2: How to fetch this order meta in email template**

Just go to your WooCommerce -> Spark Editor -> Edit the Email Template where you wanted to include the order meta

Add a short code in the following format: {{order\_meta.your\_meta\_key}}

In our example, it will be: {{order\_meta.tracking\_id}}


# To Show the Product Image in the Emails

Learn how to show product images in your order emails using Spark Editor to entice the customers

Customizing the email templates with even more uniqueness is every store owner's key touch. Many store owner, like to send the Order email including the Product image thumbnail included with the Order items table. You can include them with a simply by,

Go to WooCommerce -> Spark Email Editor PRO -> Order summary

<figure><img src="/files/yTr8DMNfgHZepSgfrXwR" alt=""><figcaption></figcaption></figure>

As, shown in the above image, Enable Show product image.

And also you can adjust the image height as per your requirement.

<figure><img src="/files/Uyk5fGOc7OEtnoOPvqsP" alt=""><figcaption></figcaption></figure>

Let's see, how the product image is displayed on the email.<br>

<figure><img src="/files/MzSRn1hFUAyaYkw8Q1cg" alt=""><figcaption></figcaption></figure>

Also, you can choose between Thumbnail/full size image to be displayed.\
You can choose from the image size dropdown.\
​

**I have more Questions ?**\
​Please submit a [support request](https://www.flycart.org/support). We are always happy to assist you :)


# Override the Order summary block

Learn how to customize your order summary table which you include in your email

**What is Order items summary ?**\
This table provides information about products that you have purchased and details of the same.<br>

<figure><img src="/files/AkHZp1YwAvnO87JlbMrI" alt=""><figcaption></figcaption></figure>

**How to add Order items summary ?**\
Navigate to Woocommerce --> Spark Editor --> Choose any template.\
You can see the **order summary** icon in ***block*** section.

<figure><img src="/files/Io14VrLC3pOueyEx85qD" alt=""><figcaption></figcaption></figure>

Drag and drop the logo element in which position you want to insert.

<figure><img src="/files/2siVyYMNxCOnxZi2FZ86" alt=""><figcaption></figcaption></figure>

**Customise Order items table:**\
Order items table is fetched by using the element Order summary.

This retrieves the information from the backend orders page.

If you would like to customize the order items table appears in your email, you will have to create a template override and do the necessary  changes.

***For Example:***

If you are trying to remove the Payment method from the order items table to be displayed or trying to add any specific information into the order items table.

**Which are the file to be overrided ?**

To change anything in the table, create override for the following files below

> ```
> /wp-content/plugins/woocommerce-email-customizer-plus/templates/order_items.php
> ```
>
> \
> Copy the above files and paste it under the directory path below:

> ```
> /wp-content/themes/YOUR-THEME/woocommerce-email-customizer-plus/templates/order_items.php
> ```
>
> \
> Once the file are overridden to your theme folder, you can then edit the overridden file and make your changes.
>
> Then Save the settings.
>
> I have more questions ?\
> Please submit a [support request](https://www.flycart.org/support). We are always happy to assist you :)


# Preview and Test Email Templates

Easily learn the multiple steps involved in previewing and  testing the email templates created using Spark Editor plugin

**Preview Option in Spark Email Editor**

The **Preview** option allows you to see how your customized email will look before sending it.&#x20;

<figure><img src="/files/2z2bV3PwldzCCCpwCpKf" alt=""><figcaption></figcaption></figure>

Simply customize your template and click the **Preview** button to get a real-time preview of your email, helping you make any final adjustments before saving or sending it o

<figure><img src="/files/6Apxhs255JDQj8cRdxhp" alt=""><figcaption></figcaption></figure>

With a single click on the any previous orders, you can review the design, layout, and content to ensure everything appears perfectly across different devices.

**For Testing your templates.**

There are three different ways to test your email templates and see how they look before you make them live.

Before you start testing, there are a few points you should be aware of

* Try using a Gmail address to receive the email and check its design. This is because Gmail works 99% of the time and Gmail holds more than 70% of the market share.&#x20;
* If you are going to check in an email client like Thunderbird or Outlook, please make sure they are set to view the HTML content type emails. Because WooCommerce sends the emails as HTML. If your email client is set to render in text only mode, then you will not see a styled email.

### Method 1:  Using the Send Test Email Feature <a href="#method-1-using-the-send-test-email-feature" id="method-1-using-the-send-test-email-feature"></a>

The plugin comes with a built-in "Send Test Email" feature to test your template design. You can use this feature to test the look and feel of the email template. &#x20;

<figure><img src="/files/Y9SgxNpo8sulKD6TSdtc" alt=""><figcaption></figcaption></figure>

Enter your email id to which the test emails should be sent and click on "Send" button.

<figure><img src="/files/jEyiGXj09iJM72IOCO4h" alt=""><figcaption></figcaption></figure>

**IMPORTANT: If the "Send Test email" does not render your design correctly, please use the Method 2 or Method 3.**

**Method 2:  By placing an order**

You can consider placing an order like a customer and receive the email.\
**​NOTE: Please consider enabling and using an offline payment method like Bank Transfer so that you do not have to pay for the order you are placing.**

### Method 3:  By manually sending the New Order Email for an existing order: <a href="#method-3-by-manually-sending-the-new-order-email-for-an-existing-order" id="method-3-by-manually-sending-the-new-order-email-for-an-existing-order"></a>

This is the easiest way of testing the email template. You can use the New Order email template for testing purposes.

The advantage of using this method is that it will run all the hooks / events attached to the order by the Email Customizer plugin and also other plugins.

**Step 1:**&#x20;

Go to WooCommerce -> Settings -> Email Settings -> open the New Order email.

In the email settings, enter the email addresses in a comma separated format and save it.

<figure><img src="/files/n5XxLx0l8husR965wbPy" alt=""><figcaption></figcaption></figure>

WooCommerce sends the New Order emails only to the Recipients entered in the field.&#x20;

**Step 2:**

Go to WooCommerce -> Orders -> Edit an order.

On the right side "Order Actions" section, choose "Re-send New order email" and click GO (the right arrow mark)

<figure><img src="/files/UkqhgDMgiopn1GmJvbaP" alt=""><figcaption></figcaption></figure>

Now you should receive an email with the template you have made.&#x20;

**Frequently Asked Questions**

**1. I did not receive any emails**

WooCommerce handles the email sending process. Our plugin only supplies the email body design to WooCommerce during the runtime. Then WooCommerce sends the email.

Please check the [Email FAQ provided by WooCommerce](https://woocommerce.com/document/email-faq/).\
​\
Also please check the Spam / Junk mailbox, just in case if the email landed there. Here is a helpful article on [email deliverability](https://glockapps.com/blog/avoid-deliverability-issues/).

\
**​I have more questions ?**\
​Please submit a support request <support@flycart.org>\
We are always happy to assist you :)


# Adding custom CSS

In a few simple steps, learn how to add custom CSS to the email templates in the Spark Editor plugin

Many a times, you might want to stylize the layout of the email or make few modifications. For instance, you may want to change the color of the Title text or the font of the order items table. This can be achieved by adding custom  CSS code to the app's settings.

Path to insert custom code:\
​Navigate to /WooCommerce/Spark Editor/ Settings/Custom CSS.

There you will find a text area where you can enter the custom CSS code.

Here is a screenshot that would be of help:

<figure><img src="/files/0Vi9lvjdZSuwh9cZWy5G" alt=""><figcaption></figcaption></figure>

**I have more questions ?**\
​Please submit a support request <support@flycart.org>\
We are always happy to assist you :)


# HTML content in Email

Learn how to sort out the visible HTML content issue in your email with a few simple checks

{% embed url="<https://www.youtube.com/watch?v=aZ2tEEo4snU>" %}

Sometimes emails come through with HTML showing on your page.\
This happens when an email with HTML content is sent through as plain text.&#x20;

Please go through each of these steps until you find the source of the problem.

**First Check:**

* Navigate to Woocommerce --> Settings --> Emails.

<figure><img src="/files/LVfrElYO8QxI5A6w5caf" alt=""><figcaption></figcaption></figure>

* In the content type section, you can see the email type for each of the templates.&#x20;
* Click on the necessary e-mail template and change the email type to HTML.&#x20;

<figure><img src="/files/ak9GeVwFpNuRa0bLyK09" alt=""><figcaption></figcaption></figure>

**Check if the Auto Fix HTML is set to YES in our settings tab:**

<figure><img src="/files/6DvOxZt0kXwnSBKY69Xy" alt=""><figcaption></figcaption></figure>

**Check for Plugins Conflict :**\
We've seen several plugins that force all emails to be sent as either plain text or HTML cause this issue. Please deactivate your plugins and resend the email.\
If it looks fine while other plugins are deactivated, then there is a conflict.\
Try to narrow it down by activating your plugins one at a time to see when exactly the problem reappears.

**Check Email Account :**\
Log into the email account you are using to send the emails from, and make sure there is nothing unusual there. Sometimes this happens when the sending email account is flagged as a spammer.

**Check SMTP plugin :**\
Install plugins like WP Mail SMTP to avoid using PHP mail through your web host. If you are already using an SMTP plugin, try deactivating it to see if it is causing the issue.

**Check "From Address":**\
Make sure that the "From Address" either matches your site domain or that it matches the address configured with an SMTP plugin.

**Check Email Clients :**

1. Some mail systems will display HTML as plain text in certain cases (commonly anti-spam efforts). Try sending to addresses under different domains, and viewing them using different mail clients. This can show if the HTML is being displayed as plain text in all cases, or only in cases with certain providers.
2. Certain mail systems will display HTML in emails as plain text if a Reply To address is not specified. You can give one using the "Reply To" button in your email's Form Action.

**Still unclear ?**\
​Please submit a [support request](https://www.flycart.org/support). We are always happy to assist you :)


# Translate Spark Email Editor using Loco Translate

Learn how to translate the static texts in Spark Email Editor plugin to your own language with the free LOCO Translate plugin.

**What is Loco Translate?**

[Loco Translate](https://wordpress.org/plugins/loco-translate/) is an awesome translation editor plugin, which is free and has more than one million active installs. You can translate both WordPress themes or plugins into any other language other than the one it originally came in (which is typically English).

**Why Loco Translate?**

* It has a built-in translation editor.
* A simple way to translate theme/plugin files directly from WordPress Dashboard.

**Example strings that we are going to translate are:**

* Quantity
* Price

**Let's get started,**&#x20;

{% hint style="info" %}
Haven't yet purchased the Spark Editor - PRO?

[Get Spark Editor PRO](https://sparkeditor.com/pricing/)
{% endhint %}

**Step 1: Installation and Activation of Loco Translate**

* Please go to your WordPress dashboard -> Plugins -> Add New
* Search for "Loco Translate"
* You will see the LOCO TRANSLATE plugin in the result. Click on Install Now and activate the plugin.

<figure><img src="https://docs.upsellwp.com/~gitbook/image?url=https%3A%2F%2F103964351-files.gitbook.io%2F%7E%2Ffiles%2Fv0%2Fb%2Fgitbook-x-prod.appspot.com%2Fo%2Fspaces%252FiL9ouOmxB3CQwG5Kp3KD%252Fuploads%252FkZqGztDMVYRHaTO5dhKW%252Fimage.png%3Falt%3Dmedia%26token%3D50001c18-5d97-400b-a307-f4347bac5043&#x26;width=768&#x26;dpr=4&#x26;quality=100&#x26;sign=ef2b97f5&#x26;sv=2" alt=""><figcaption></figcaption></figure>

Now that the LOCO Translate plugin is installed, let's start using it.

\
Step 2: Language Setup\
(Only required if you don't see the language that you want to translate strings into in the Loco Translate plugin. If your language is already visible, you can skip this step)

* Go to Loco Translate --> Plugins --> Search for the plugin ‘Spark Email Editor’ (if you're using a free version, you can select ‘Spark Email Editor Lite’). Once found, you can proceed to translate the strings into your desired language.

<figure><img src="/files/tu1SzXVheBjD7O3lr4sd" alt=""><figcaption></figcaption></figure>

* Click on "New language"
* Next, select the language you want to translate the strings into and choose the location as "System" as shown in the below screenshot.
* Finally, click on "Start Translating" to initiate the translation process.

<figure><img src="/files/bav7ldbI7QQmcWiGB7Cn" alt=""><figcaption></figcaption></figure>

In the next screen, there will be a list of texts/ strings available for translation from the Spark Email Editor plugin. Choose the text you want to translate and translate it.

**Step 3: Translating the example strings**

**Example 1: Quantity**

Screenshot showing the string “Quantity”

**To translate the string:**

* Go to Loco Translate -> Plugins -> choose "Spark Email Editor"
* Click on the "Edit" option.
* In the search bar, enter the string "Quantity" to locate it.
* Translate the original string with the translated version.
* Click on the "Save" button to save the translated string.

A detailed screenshot illustrating the translation process:

<figure><img src="/files/uxOaNNo5l0XRYYpQWU2i" alt=""><figcaption></figcaption></figure>

**The below screenshot confirms that the string “Quantity” has been translated correctly:**

<figure><img src="/files/OKb1TlOWv6WX5HtTLqRh" alt=""><figcaption></figcaption></figure>

**Example 2: Price**

Screenshot showing the string “Price”

<figure><img src="/files/hdRtGbIiECGoJNCQsX5I" alt=""><figcaption></figcaption></figure>

**To translate the string:**

* Go to Loco Translate -> Plugins -> choose "Spark Email Editor"
* Click on the "Edit" option.
* In the search bar, enter the string "Price" to locate it.
* Translate the original string with the translated version.
* Click on the "Save" button to save the translated string.

**A detailed screenshot illustrating the translation process:**

<figure><img src="/files/lQ4CDnRsQ141KHiC7gGs" alt=""><figcaption></figcaption></figure>

\
**The below screenshot confirms that the string “Price” has been translated correctly:**

<figure><img src="/files/XinUogEXc3xVUfhokv9M" alt=""><figcaption></figcaption></figure>

{% hint style="info" %}
Haven't yet purchased the Spark Editor - PRO?

[Get Spark Editor PRO](https://sparkeditor.com/pricing/)
{% endhint %}

**Note :**

* When using the Loco Translate plugin, it is important to select the second option, which is "System," in the location selection.
* The translated texts will be visible based on the chosen site language.

**Still unclear ?**\
​Please submit a [support request](https://www.flycart.org/support). We are always happy to assist you :)

\ <br>

<br>


# WPLoyalty

Learn how to deliver customized emails about WooCommerce points and rewards, strengthening customer loyalty and satisfaction with the Spark Email Editor plugin.

I**ntroduction**&#x20;

The WP Loyalty Addon for Spark Email Editor is designed to enhance the email customization experience for businesses using the WP Loyalty plugin. This addon enables users to create, edit, and manage loyalty program-related email templates, ensuring that communications with customers are engaging, personalized, and visually appealing.

{% embed url="<https://youtu.be/JaPI8OtjWFs>" %}

{% hint style="info" %}
Make sure you have already installed and activated the Spark Email Editor plugin. Please note that the Addon explained in this doc can be accessible only in the PRO version. Do More with the PRO Version.

Get [Spark Email Editor Pro](https://sparkeditor.com/pricing/)
{% endhint %}

**Requirements :-**

* Woocommerce
* [Spark Email Editor PRO plugin](https://sparkeditor.com/pricing/)
* The [WPLoyalty ](https://wployalty.net/pricing/)Plugin

**Scenario**&#x20;

Create an Email template describing the Points earned by the customer after a purchase

1. Navigate to Wordpress dashboard -> Spark Email Editor -> Addons and enable the WPLoyalty Addon.

<figure><img src="/files/zwOxGGofNUd1BqVPm9Hl" alt=""><figcaption></figcaption></figure>

2. Select the template "Points Earned" .

<figure><img src="/files/VrhgKdGUf6NM75UvR6eK" alt=""><figcaption></figcaption></figure>

3. Customize and configure the template and Save the template

<figure><img src="/files/nyOIRap825h5Fylnomqs" alt=""><figcaption></figcaption></figure>

4. An example screenshot of the Mail

<figure><img src="/files/vlF5QCkYge5W6UgCQemk" alt=""><figcaption></figcaption></figure>

{% hint style="info" %}
The Spark Email Editor Plugin can be purchased from [here](https://sparkeditor.com/pricing/)
{% endhint %}

**Still unclear ?**

Please submit a [support request](https://sparkeditor.com/support/). We are always happy to assist you :)


# Woocommerce Bookings

Learn how to personalize your WooCommerce booking emails for confirmations, reminders, and cancellations, improving customer experience and consistent brand messaging.

**Introduction**&#x20;

The WooCommerce Bookings Addon for Spark Email Editor is designed to enhance the email customization experience for businesses using the WooCommerce Bookings plugin. This addon allows users to create, edit, and manage booking-related email templates with ease, ensuring that all communications with customers are professional and visually appealing.<br>

{% embed url="<https://www.youtube.com/watch?v=y_Kv3mW99mI>" %}

{% hint style="info" %}
Make sure you have already installed and activated the Spark Email Editor plugin. Please note that the "Woocommerce Bookings" Addon explained in this doc can be accessible only in the PRO version. Do More with the PRO Version.

Get [Spark Email Editor Pro](https://sparkeditor.com/pricing/)
{% endhint %}

**Requirements :-**&#x20;

* Woocommerce
* [Spark Email Editor PRO plugin](https://sparkeditor.com/pricing/)
* [Woocommerce Bookings](https://woocommerce.com/products/woocommerce-bookings/)&#x20;

The Email Templates in the "Woocommerce Booking" Addon

<figure><img src="/files/qnC5xTZCmSFnlyR6fXbn" alt=""><figcaption></figcaption></figure>

**Scenario**&#x20;

Create an Email template for "New Booking"

1. Navigate to the Wordpress Dashboard -> Spark Email Editor -> Addons, and enable the Woocommerce Booking Addon

<figure><img src="/files/TlnG9Rru8u3u0xLyI2wr" alt=""><figcaption></figcaption></figure>

2. Select the " New Booking" template.

<figure><img src="/files/zrmL3fsqWnjR0q8QLHaH" alt=""><figcaption></figcaption></figure>

3. Customize and configure the Template and Save the Template

<figure><img src="/files/RXW9rDEqjLzh3nTZMZug" alt=""><figcaption></figcaption></figure>

4. Once after the customer Books a product, the mail with the New Booking template will be delivered.

<figure><img src="/files/paX0kDAK3mU2Km5aaZcV" alt=""><figcaption></figcaption></figure>

{% hint style="info" %}
The Spark Email Editor Plugin can be purchased from [here](https://sparkeditor.com/pricing/)
{% endhint %}

**Still unclear ?**

Please submit a [support request](https://sparkeditor.com/support/). We are always happy to assist you :)


# Woocommerce Subscriptions

Learn how to customize WooCommerce emails for subscription activations, renewals, cancellations, and expirations, enhancing customer retention and brand consistency.

#### Introduction

The WooCommerce Subscription addon enhances the functionality of the Spark Editor by providing features that allow seamless integration with WooCommerce subscription services. This document outlines the installation, features, and usage of the addon.

{% embed url="<https://youtu.be/KbJCyx6KhrQ>" %}

{% hint style="info" %}
Make sure you have already installed and activated the Spark Email Editor plugin. Please note that the Addon explained in this doc can be accessible only in the PRO version. Do More with the PRO Version.

Get [Spark Email Editor Pro](https://sparkeditor.com/pricing/)
{% endhint %}

**Requirements :-**&#x20;

* Woocommerce
* [Spark Email Editor PRO plugin](https://sparkeditor.com/pricing/)
* [Woocommerce Subscriptions ](https://woocommerce.com/products/woocommerce-subscriptions/)

The Email Templates in the "Woocommerce Subscription" Addon

<figure><img src="/files/anqFCpu1OGt7kvD1laLV" alt=""><figcaption></figcaption></figure>

**Scenario**

Create an Email Template for "New Order Renewal" using the Woocommerce Subscription Addon.

1. Navigate to Wordpress dashboard -> Spark Email Editor -> Addons and enable the Woocommerce Subscription Addon

<figure><img src="/files/xzctctxxHSLZGpDL1qcZ" alt=""><figcaption></figcaption></figure>

2. Enable the Addon&#x20;

<figure><img src="/files/HgGnRerrSj4zR3DUlWop" alt=""><figcaption></figcaption></figure>

3. Select the "New Order Renewal" template

<figure><img src="/files/OaSzDsIX2M4ixNIlCol2" alt=""><figcaption></figcaption></figure>

4. Select the desired design for the Template

<figure><img src="/files/ec0odmV9GevM3N5qxRKo" alt=""><figcaption></figcaption></figure>

5. Customize and configure the template and save the Template

<figure><img src="/files/Kogf11RBLzQ4x1yJRfz2" alt=""><figcaption></figcaption></figure>

6. Screenshot of the Mail received.

<figure><img src="/files/UQgGaMnwCi27PZemCxDh" alt=""><figcaption></figcaption></figure>

{% hint style="info" %}
The Spark Email Editor Plugin can be purchased from [here](https://sparkeditor.com/pricing/)
{% endhint %}

**Still unclear ?**\
Please submit a [support request](https://sparkeditor.com/support/). We are always happy to assist you :)


# Woocommerce Appointments

Learn how create Woocommerce Appointments in Spark Email Editor.

**Introduction**

The **Spark Email Customizer – WooCommerce Appointments Add-on** allows businesses to craft professional, branded, and highly customized emails for their appointment-based services. With an intuitive drag-and-drop editor and dynamic content placeholders, businesses can ensure seamless communication with their customers and staff.

{% embed url="<https://youtu.be/DPapIUjTqvk>" %}

{% hint style="info" %}
Make sure you have already installed and activated the Spark Email Editor plugin. Please note that the Addon explained in this doc can be accessible only in the PRO version. Do More with the PRO Version.

Get [Spark Email Editor Pro](https://sparkeditor.com/pricing/) & [ 'Woocommerce Appointments Add On'](https://sparkeditor.com/add-ons/woocommerce-bookings/)
{% endhint %}

**Required**: Along with these two plugins, you’ll also need the following WordPress plugins for this guide.

* WooCommerce
* Spark Email Editor
* [WooCommerce Appointments](https://bookingwp.com/plugins/woocommerce-appointments/)
* [Spark Email Editor 'Woocommerce Appointments Add On' (compatibility plugin).](<https://sparkeditor.com/add-ons/woocommerce-appointments-add-on/ >)

Below listed are the available templates:

<figure><img src="/files/2LbWYME4CrDuU6Thl5qG" alt=""><figcaption></figcaption></figure>

**Scenario**

1. Create an Email template for "New Appointment"

Navigate to the WordPress Dashboard → Spark Email Editor → Addons, and enable the WooCommerce Appointments Addon to send automated appointment confirmations with key details.

<figure><img src="/files/TfyHGS2WPLCPAijo7Xmu" alt=""><figcaption></figcaption></figure>

2. Select the " New Appointment" template.

<figure><img src="/files/FqmRhs83VTCVSG2l7fGz" alt=""><figcaption></figcaption></figure>

3. Customize and configure the Template and Save the Template.

<figure><img src="/files/kw2d5WIcUUXzDL9M7yQn" alt=""><figcaption></figcaption></figure>

4. Once after the customer Books a product, the mail with the New appointment template will be delivered.

<figure><img src="/files/49XAmRkrGbcxMK1V8Zvu" alt=""><figcaption></figcaption></figure>

**I have more questions ?**\
​Please submit a support request <support@flycart.org>\
We are always happy to assist you :)


# Woocommerce Order Status Manager

Learn how to set the order statuses for woocommerce with the "Woocommerce Order status manager" addon for Spark Email Editor.

**Introduction**

The WooCommerce Order Status Manager addon enhances the functionality of the Spark Email Editor by providing advanced order status management capabilities for WooCommerce stores. This document outlines the installation, features, and usage of the addon.

{% embed url="<https://youtu.be/7HbJd2py9dY>" %}

{% hint style="info" %}
Make sure you have already installed and activated the Spark Email Editor plugin. Please note that the Addon explained in this doc can be accessible only in the PRO version. Do More with the PRO Version.

Get [Spark Email Editor Pro](https://sparkeditor.com/pricing/) & [Woocommerce Order Status Manager ](https://sparkeditor.com/add-ons/woocommerce-order-status-manager/)Addon
{% endhint %}

**Requirements :-**

* Woocommerce
* [Spark Email Editor PRO](https://sparkeditor.com/pricing/) plugin
* The [Order Status Manager for Woocommerce](https://woocommerce.com/products/woocommerce-order-status-manager/)
* The "[Woocommerce Order Status Manager](https://sparkeditor.com/add-ons/woocommerce-order-status-manager/)" compatibility pack

Templates in the "Woocommerce Order Status Manager" Addon

<figure><img src="/files/KynIEC0elZu66vGskeDd" alt=""><figcaption></figcaption></figure>

**Scenario**

Let's create an email template detailing the Status of the order

1. Navigate to the Wordpress Dashboard -> Spark Email Editor -> Select "Admin Order Status Email" template under the Woocommerce Order status manager.

<figure><img src="/files/qodLOhQ81GuSQfJtuGiF" alt=""><figcaption></figcaption></figure>

2. Select the desired design for the template

<figure><img src="/files/aeoqR3YyJs4U8b6R3huv" alt=""><figcaption></figcaption></figure>

3. Configure and customize the Template and save the Template.

<figure><img src="/files/8yLp70d7tD5vBhTVHmIw" alt=""><figcaption></figcaption></figure>

4. Screenshot of the "Order status" mail&#x20;

<figure><img src="/files/npv141kDQzmXK7X9RCZm" alt=""><figcaption></figcaption></figure>

**NOTE** :- It is necessary to have the PRO version of the Spark Email Editor plugin and the 3rd party plugin for the Addon to function it's duties efficiently.

{% hint style="info" %}
The Woocommerce Order Status Manager Addon can be purchased from [here](https://sparkeditor.com/add-ons/woocommerce-order-status-manager/)
{% endhint %}

**Still unclear ?**&#x20;

Please submit a [support request](https://sparkeditor.com/support/). We are always happy to assist you :)


# Woocommerce Custom Order Status Manager

Learn how to set the order statuses for woocommerce with the "Woocommerce Custom Order status manager" addon for Spark Email Editor.

#### Introduction

The WooCommerce Custom Order Status Manager addon enhances the functionality of the Spark Email Editor by allowing users to create, modify, and manage custom order statuses in WooCommerce. This document outlines the installation, features, and usage of the addon.

{% embed url="<https://youtu.be/8HrHr76i73I>" %}

{% hint style="info" %}
Make sure you have already installed and activated the Spark Email Editor plugin. Please note that the Addon explained in this doc can be accessible only in the PRO version. Do More with the PRO Version

Get [Spark Email Editor](https://sparkeditor.com/pricing/) plugin & [Woocommerce Custom Order Status Manager](https://sparkeditor.com/add-ons/woocommerce-custom-order-status-manager/) Addon
{% endhint %}

**Requirements :-**&#x20;

* Woocommerce
* [Spark Email Editor PRO](https://sparkeditor.com/pricing/) plugin
* The [Woocommerce Order Status Manager](https://wordpress.org/plugins/bp-custom-order-status-for-woocommerce/) for Woocommerce&#x20;
* The "[Woocommerce Custom Order Status Manager](https://sparkeditor.com/add-ons/woocommerce-custom-order-status-manager/)" compatibility pack

**Scenario**

Let's Create a "Shipping" order status Email Template.

1. Navigate to the Wordpress Dashboard -> Woocommerce -> Order Status -> Add New Order Status.

<figure><img src="/files/dHSlIGlBfXcqbbZS8UX8" alt=""><figcaption></figcaption></figure>

2. Create a new order status and enable the options " Edit Mode" and "Email Notification"

<figure><img src="/files/i1Y3kTanHrAQTS6hMGQ4" alt=""><figcaption></figcaption></figure>

3. Navigate back to the Spark Email Editor and filter the templates for "Custom order Status"

<figure><img src="/files/u4V20ltopfmsJ3MdEGCm" alt=""><figcaption></figcaption></figure>

4. Select the Template "Delivery" and select the template design.

<figure><img src="/files/QjPODwQyBtOClR9wZWZw" alt=""><figcaption></figcaption></figure>

Edit and configure the template based on your requirements and save the Template.

5. After an Order is placed by the customer, Navigate to the Woocommerce -> Orders and select order status for that order. (Eg :- Delivery)

<figure><img src="/files/S3vdiKuPkVa72FRpSeXC" alt=""><figcaption></figcaption></figure>

6. In the Order, select the Order Action. This will redirect with the Spark Email editor template and send the Mail to the customer.

<figure><img src="/files/umcWaSNeavziA48zlbqa" alt=""><figcaption></figcaption></figure>

7. Here is a screenshot of the "Delivery" mail received by the customer.

<figure><img src="/files/dBIHheRpfZ6zWmnPj3gS" alt=""><figcaption></figcaption></figure>

**NOTE** :- It is necessary to have the PRO version of the Spark Email Editor plugin and the 3rd party plugin for the Addon to function it's duties efficiently.

{% hint style="info" %}
The Woocommerce Custom Order Status Manager Addon can be purchased from [here](https://sparkeditor.com/add-ons/woocommerce-custom-order-status-manager/).
{% endhint %}

**Still unclear ?**\
Please submit a [support request](https://sparkeditor.com/support/). We are always happy to assist you :)


# Germanized for woocommerce

Learn to design professional emails that align with German eCommerce regulations, enhance customer trust, and provide clear, legally required details in every transaction.

**Introduction**

The Germanized for WooCommerce addon ensures compliance with German eCommerce laws by adding legally required elements to WooCommerce stores. With Spark Email Editor, you can create fully customized and branded email templates that maintain legal conformity while enhancing customer experience.

{% embed url="<https://youtu.be/xOak3xrhsek>" %}

{% hint style="info" %}
Make sure you have already installed and activated the Spark Email Editor plugin. Please note that the Addon explained in this doc can be accessible only in the PRO version. Do More with the PRO Version.

Get [Spark Email Editor Pro](https://sparkeditor.com/pricing/) & [Germanized for woocommerce](https://wordpress.org/plugins/woocommerce-germanized/)
{% endhint %}

* WooCommerce
* Spark Email Editor
* [Germanized for woocommerce](https://wordpress.org/plugins/woocommerce-germanized/)
* [Spark Email Editor 'Germanized for woocommerce' (compatibility plugin).](https://wordpress.org/plugins/woocommerce-germanized/)

Below listed are the available templates:

<figure><img src="/files/ooMvUnuEZpxcRo2OhlMt" alt=""><figcaption></figcaption></figure>

**Scenario**

1. Create an Email template for "Paid for order"

Navigate to the WordPress Dashboard → Spark Email Editor → Addons, and enable the Germanized for WooCommerce Addon.

<figure><img src="/files/e7g8jlwi1WjpVdRLwBZ3" alt=""><figcaption></figcaption></figure>

2. Select the " Paid for order" template.

<figure><img src="/files/6R5EieOYZEKVZ6N7Hx7F" alt=""><figcaption></figcaption></figure>

3. Customize and configure the Template and Save the Template.

<figure><img src="/files/Os8SWYNx5gNRQS6XiJOH" alt=""><figcaption></figcaption></figure>

4. Once after the customer Books a product, the mail with the Paid for order template will be delivered.

<figure><img src="/files/Mra0JFz2I20iED8gqKuu" alt=""><figcaption></figcaption></figure>

**I have more questions ?**\
​Please submit a support request <support@flycart.org>\
We are always happy to assist you&#x20;


# Back-In-Stock Notifications

Learn how to create fully customized, branded email templates for back-in-stock alerts using Back-In-Stock Notifications addon in Spark Email Editor.

**Introduction**

The **Back-in-Stock Notifications Add-on** enhances the Spark Email Customizer plugin by allowing businesses to create **custom, branded** email templates for back-in-stock notifications. This add-on helps improve customer engagement by ensuring restock alerts are visually appealing and aligned with your brand.<br>

{% embed url="<https://youtu.be/YCIbZ4g5sPs>" %}

{% hint style="info" %}
Make sure you have already installed and activated the Spark Email Editor plugin. Please note that the Addon explained in this doc can be accessible only in the PRO version. Do More with the PRO Version.

Get [Spark Email Editor Pro](https://sparkeditor.com/pricing/) & [Back-In-Stock Notifications](https://woocommerce.com/products/back-in-stock-notifications/)
{% endhint %}

**Required**: Along with these two plugins, you’ll also need the following WordPress plugins for this guide.

* WooCommerce
* Spark Email Editor
* [Back-In-Stock Notifications](https://woocommerce.com/products/back-in-stock-notifications/)
* [Spark Email Editor 'Back-In-Stock Notifications' (compatibility plugin).](https://sparkeditor.com/add-ons/back-in-stock-notifications-for-woocommerce/)

Below listed are the available templates:

<figure><img src="/files/d2F906UE7iTZeCsmfbc3" alt=""><figcaption></figcaption></figure>

**Scenario**

1. Create an Email template for "Back in stock sign-up confirmation"

Navigate to the WordPress Dashboard → Spark Email Editor → Addons, and enable the Back-In-Stock Notifications Addon.

<figure><img src="/files/nQgQ9FOgZZFQ8kXwUPEi" alt=""><figcaption></figcaption></figure>

2. Select the "Back in stock sign-up confirmation" template.

<figure><img src="/files/tyNWoA4VXt2j8eonNYrn" alt=""><figcaption></figcaption></figure>

3. Customize and configure the Template and Save the Template.

<figure><img src="/files/nVr9DRtLdvIrIELf2rbG" alt=""><figcaption></figcaption></figure>

4. Once a product is back in stock, the email with the Back-In-Stock Notification template will be delivered to customers who signed up for restock alerts.

<figure><img src="/files/t81o0owEip8BQ8OiS4iz" alt=""><figcaption></figcaption></figure>

{% hint style="info" %}
The Spark Email Editor plugin can be purchased [here](https://sparkeditor.com/pricing/)
{% endhint %}

**Still unclear ?**\
Please submit a [support request](https://sparkeditor.com/support/). We are always happy to assist you :)


# PW Gift Cards

Learn how to design professional and engaging emails to enhance the gift card experience and align with your brand identity.

**Introduction**

The PW Gift Cards addon for WooCommerce allows you to offer digital gift cards to your customers, enhancing their shopping experience. With Spark Email Editor, you can create fully customized, branded email templates for gift card notifications to ensure a professional and engaging experience.

{% embed url="<https://youtu.be/e71D0EYQ-eU?si=hFP-NlUYv9_WNgYh>" %}

{% hint style="info" %}
Make sure you have already installed and activated the Spark Email Editor plugin. Please note that the Addon explained in this doc can be accessible only in the PRO version. Do More with the PRO Version.

Get [Spark Email Editor Pro](https://sparkeditor.com/pricing/) & [PW Gift Cards](https://wordpress.org/plugins/pw-woocommerce-gift-cards/).
{% endhint %}

**Required**: Along with these two plugins, you’ll also need the following WordPress plugins for this guide.

* WooCommerce
* Spark Email Editor
* [PW Gift Cards](https://wordpress.org/plugins/pw-woocommerce-gift-cards/)
* [Spark Email Editor 'PW Gift Cards' (compatibility plugin).](https://sparkeditor.com/add-ons/pw-woocommerce-gift-cards/)

Below is the available template:

<figure><img src="/files/k8D3t9qWnZoD6DAmhcth" alt=""><figcaption></figcaption></figure>

**Scenario:**

1. Create an Email template for "PW Gift Card Email"

&#x20;  Navigate to the WordPress Dashboard → Spark Email Editor → Addons, and enable the PW Gift Cards Addon.

<figure><img src="/files/S8FXW26mKefMA95fuOS1" alt=""><figcaption></figcaption></figure>

2. Select the "PW Gift Card Email" template.

<figure><img src="/files/r5UyNJU41bcGoM0wS4wL" alt=""><figcaption></figcaption></figure>

3. Customize and configure the Template and Save the Template

<figure><img src="/files/LpChVc5KlOr99JbxZHnn" alt=""><figcaption></figcaption></figure>

4. Once a customer purchases a gift card, the email with the PW Gift Card template will be delivered to the recipient as specified during checkout.

<figure><img src="/files/SLeSEW4JCyYtfbkYCIxn" alt=""><figcaption></figcaption></figure>

{% hint style="info" %}
The Spark Email Editor plugin can be purchased [here](https://sparkeditor.com/pricing/)
{% endhint %}

**Still unclear ?**\
Please submit a [support request](https://sparkeditor.com/support/). We are always happy to assist you :)

{% hint style="info" %}
The Spark Email Editor plugin can be purchased [here](https://sparkeditor.com/pricing/)
{% endhint %}

**Still unclear ?**\
Please submit a [support request](https://sparkeditor.com/support/). We are always happy to assist you :)


# YITH Request a Quote

Learn how to tailor your emails to match your brand, enhance customer engagement, and streamline communication by providing clear and professional quote details.

**Introduction**

The YITH Request a Quote addon allows customers to submit quote requests instead of purchasing products directly. With Spark Email Editor, you can create fully customized and branded email templates to streamline quote requests, improve communication, and enhance the customer experience.

{% hint style="info" %}
Make sure you have already installed and activated the Spark Email Editor plugin. Please note that the Addon explained in this doc can be accessible only in the PRO version. Do More with the PRO Version.

Get [Spark Email Editor Pro](https://sparkeditor.com/pricing/) & [YITH Request a Quote](https://yithemes.com/themes/plugins/yith-woocommerce-request-a-quote/).
{% endhint %}

**Required**: Along with these two plugins, you’ll also need the following WordPress plugins for this guide.

* WooCommerce
* Spark Email Editor
* [YITH Request a Quote](https://yithemes.com/themes/plugins/yith-woocommerce-request-a-quote/)
* [Spark Email Editor 'YITH Request a Quote' (compatibility plugin).](https://sparkeditor.com/add-ons/yith-request-a-quote-for-woocommerce-premium/)

Below listed are the available templates:

<figure><img src="/files/dH7IZGUJD3vt6EljPG9y" alt=""><figcaption></figcaption></figure>

**Scenario**

1. Create an Email template for "Email to request a quote"

Navigate to the WordPress Dashboard → Spark Email Editor → Addons, and enable the YITH Request a Quote Addon.

<figure><img src="/files/ZqTcJcMqoDZFh1UGDYxi" alt=""><figcaption></figcaption></figure>

2. Select the "Email to request a quote" template.

<figure><img src="/files/wDsNPJTWRXp2yePcxIvX" alt=""><figcaption></figcaption></figure>

3. Customize and configure the Template and Save the Template.

<figure><img src="/files/WtpacehBxGq7OoHDLbDO" alt=""><figcaption></figcaption></figure>

4. Once a customer submits a quote request, the email with the YITH Request a Quote notification template will be delivered.

<figure><img src="/files/wlIhF2Tx3rtjXbePh0JW" alt=""><figcaption></figcaption></figure>

{% hint style="info" %}
The Spark Email Editor plugin can be purchased [here](https://sparkeditor.com/pricing/)
{% endhint %}

**Still unclear ?**\
Please submit a [support request](https://sparkeditor.com/support/). We are always happy to assist you :)


# Conditional Logics

Learn to apply condition logic in your email templates to adjust their content based on factors like user role, cart items, payment methods, and more.

Introduction

The Conditional Logics addon enhances the functionality of the Spark Email Editor by providing additional features that improve user experience and email design capabilities through conditional content rendering. This document outlines the installation, features, and usage of the addon.

{% embed url="<https://youtu.be/LgWvYGe7CQk>" %}

{% hint style="info" %}
Make sure you have already installed and activated the Spark Email Editor plugin. Please note that the Addon explained in this doc can be accessible only in the PRO version. Do More with the PRO Version

[Get Conditional Logics Addon](https://sparkeditor.com/add-ons/conditional-logic/)
{% endhint %}

**Conditional logic features**&#x20;

* **User Role** - Customize email template using conditional logic and dynamically adjust its content that match the user’s role.
* **Order Total** - Adjust email templates according to the customer’s order total and send personalized email content that enhances conversions.
* **Coupons** - Use conditional logic to tailor content in your email templates for specific coupon users. Send targeted emails based on the customer's coupon activity.
* **Country** - Use conditional logic and adjust your email templates based on the customer’s location, offering country-specific content for each user.
* **Products** - Use conditional logic to personalize email template content for specific products that your customers have purchased or shown interest in.
* **Payment** **Method** - Apply conditional logic to tailor email templates based on payment methods. Ensure each customer receives relevant email content based on their chosen payment method.
* **Categories** - Dynamically adjust the content of your email templates based on the category your customer has bought a product.

**Requirements :-**&#x20;

* Woocommerce
* [Spark Email Editor PRO](https://sparkeditor.com/pricing/)
* The "[Conditional logics](https://sparkeditor.com/add-ons/conditional-logic/)" Addon.

Let's get started,

The Conditional logic can be configured for any part, column or even the entire body of the email template. Multiple conditions can be assigned for a single part or column of the templates.

**Scenario**

**How to set a Conditions for the entire New order template ?**

1. Select the New order template&#x20;

<figure><img src="/files/Sa7e6tSmBEUqnBhx4VQ3" alt=""><figcaption></figcaption></figure>

2. Navigate to Styles and Select the Section or part you want to be covered under a condition. (In this case the entire Body) and Click the Tab "Add Conditional Logic"

<figure><img src="/files/juwBE7yhM1vl2mpAxiiv" alt=""><figcaption></figcaption></figure>

3. Select and configure the Condition for the selected template, so that the template will be displayed only when the condition is matched.

<figure><img src="/files/y8uvGkDn6ab3Hv3vr4sY" alt=""><figcaption></figcaption></figure>

4. Save the condition by clicking "Add Condition"

<figure><img src="/files/r3QyW6uAttjJ1lVbCuXS" alt=""><figcaption></figcaption></figure>

5. After adding multiple condition, select how the condition relationship should be "AND" or "OR"

<figure><img src="/files/zW7xNa7VOoN4pygsxwCr" alt=""><figcaption></figcaption></figure>

6. Save the template after the configuration.
7. Screenshot of the Mail&#x20;

<figure><img src="/files/ZseeNYLIpge48o8CjaN5" alt=""><figcaption></figcaption></figure>

**NOTE** :- The conditions can be used dynamically on different parts and columns of a template using the "AND" & "OR" logic as multiple Conditions can be added to a single part, column, body or the entire template.

{% hint style="info" %}
The Conditional Logic addon can be can be purchased from [Here](https://sparkeditor.com/add-ons/conditional-logic/).
{% endhint %}

**Still unclear ?**\
Please submit a [support request](https://sparkeditor.com/support/). We are always happy to assist you :)


# TeraWallet

Learn how to design professional and engaging emails that match your brand, provide clear wallet balance updates, transaction details, and enhance customer experience seamlessly.

**Introduction**

The TeraWallet addon allows customers to manage their digital wallet balance, make transactions, and track payments within your WooCommerce store. With Spark Email Editor, you can create fully customized and branded email templates to enhance communication and improve customer engagement.<br>

{% embed url="<https://youtu.be/Lh7_0yOiBmE>" %}

{% hint style="info" %}
Make sure you have already installed and activated the Spark Email Editor plugin. Please note that the Addon explained in this doc can be accessible only in the PRO version. Do More with the PRO Version.

Get [Spark Email Editor Pro](https://sparkeditor.com/pricing/) & [TeraWallet](https://wordpress.org/plugins/woo-wallet/).
{% endhint %}

**Required**: Along with these two plugins, you’ll also need the following WordPress plugins for this guide.

* WooCommerce
* Spark Email Editor
* [TeraWallet](https://wordpress.org/plugins/woo-wallet/)
* [Spark Email Editor 'TeraWallet' (compatibility plugin).](https://sparkeditor.com/add-ons/terawallet-for-woocommerce/)

Below listed are the available templates:

<figure><img src="/files/YND0KMTLKvTdPIhmjozV" alt=""><figcaption></figcaption></figure>

**Scenario**

1. Create an Email template for "New wallet transaction"

Navigate to the WordPress Dashboard → Spark Email Editor → Addons, and enable the TeraWallet Addon.

<figure><img src="/files/nOE2YzFFpoHEiAHdVrkG" alt=""><figcaption></figcaption></figure>

2. Select the "New wallet transaction" template.

<figure><img src="/files/iDrFzJm13et3eWkYGbUl" alt=""><figcaption></figcaption></figure>

3. Customize and configure the Template and Save the Template.

<figure><img src="/files/nbBgEzR5y1G1VF9XfBxg" alt=""><figcaption></figcaption></figure>

4. Once a customer completes a transaction involving TeraWallet, the email with the TeraWallet notification template will be delivered.

<figure><img src="/files/1IngDXi41ellF0oECJsf" alt=""><figcaption></figcaption></figure>

{% hint style="info" %}
The Spark Email Editor plugin can be purchased [here](https://sparkeditor.com/pricing/)
{% endhint %}

**Still unclear ?**\
Please submit a [support request](https://sparkeditor.com/support/). We are always happy to assist you :)


# Woocommerce Memberships

Learn how to tailor your membership emails to match your brand and engage your customers with a seamless, professional experience.

**Introduction**

The WooCommerce Memberships addon allows you to manage subscription-based access to exclusive content, products, and discounts. With Spark Email Editor, you can design fully customized, branded email templates to enhance communication with your members and provide a seamless experience.

{% embed url="<https://youtu.be/lr2sdXomQ_8>" %}

{% hint style="info" %}
Make sure you have already installed and activated the Spark Email Editor plugin. Please note that the Addon explained in this doc can be accessible only in the PRO version. Do More with the PRO Version.

Get [Spark Email Editor Pro](https://sparkeditor.com/pricing/) & [Woocommerce Memberships](https://woocommerce.com/products/woocommerce-memberships/).
{% endhint %}

**Required**: Along with these two plugins, you’ll also need the following WordPress plugins for this guide.

* WooCommerce
* Spark Email Editor
* [Woocommerce Memberships](https://woocommerce.com/products/woocommerce-memberships/)
* [Spark Email Editor 'Woocommerce Memberships' (compatibility plugin).](https://sparkeditor.com/add-ons/woocommerce-memberships/)

**Templates**

<figure><img src="/files/lfdevhyUhyjt2Oyrc8JO" alt=""><figcaption></figcaption></figure>

**Scenario**

1. Create an Email template for "Membership not&#x65;**"**

&#x20;      Navigate to the WordPress Dashboard → Spark Email Editor → Addons, and enable the WooCommerce Memberships Addon.

<figure><img src="/files/I4mQDSKS047IJuCmQsVs" alt=""><figcaption></figcaption></figure>

2. Select the "Membership note" template.

<figure><img src="/files/2XeGUiVI9zkjTXRnYR0r" alt=""><figcaption></figcaption></figure>

3. Customize and configure the Template and Save the Template.

<figure><img src="/files/Zd3Wu9S4bSG7DoKq1O0w" alt=""><figcaption></figcaption></figure>

4. Once a customer purchases a membership, the email with the WooCommerce Memberships notification template will be delivered.

<figure><img src="/files/8tWno2UXCijoDa8cT1eD" alt=""><figcaption></figcaption></figure>

{% hint style="info" %}
The Spark Email Editor plugin can be purchased [here](https://sparkeditor.com/pricing/)
{% endhint %}

**Still unclear ?**\
Please submit a [support request](https://sparkeditor.com/support/). We are always happy to assist you :)


# Dokan Multi - Vendor

Learn how to use email templates, tailored for Dokan, to send personalized emails for vendors, customers, and admins. Keep your marketplace running smoothly with email notifications for every scenario

{% embed url="<https://youtu.be/AEYdhMKMCQ8>" %}

**Introduction**

The Spark Email Editor offers a dedicated add-on for the Dokan Multi-Vendor plugin, enabling you to customize and enhance email communications within your multi-vendor marketplace. This integration allows for personalized notifications tailored to vendors, customers, and administrators, ensuring effective communication across your platform.

{% hint style="info" %}
Make sure you have already installed and activated the Spark Email Editor plugin. Please note that the Addon explained in this doc can be accessible only in the PRO version. Do More with the PRO Version.

Get [Spark Email Editor Pro](https://sparkeditor.com/pricing/) & [Dokan Multi-Vendor](https://sparkeditor.com/add-ons/dokan-multi-vendor/) Addon
{% endhint %}

**Requirements :-**

* Woocommerce
* [Spark Email Editor PRO](https://sparkeditor.com/pricing/) plugin
* The [Dokan Multi vendor](https://dokan.co/wordpress/pricing/) plugin for WordPress
* The "[Dokan Multi-Vendor](https://sparkeditor.com/add-ons/dokan-multi-vendor/) " compatibility pack

Templates in the "Dokan Multi-Vendor" Addon

<figure><img src="/files/ZmgJIOxbNMup5dZeAvDu" alt=""><figcaption></figcaption></figure>

<figure><img src="/files/0Jtrczj8WwBTTzuo7OZ3" alt=""><figcaption></figcaption></figure>

**Scenario**

Create an Email Template for "Dokan New Support Ticket"

1. Navigate to the Wordpress Dashboard -> Spark Email Editor -> Addons, and enable the "Dokan Multi-Vendor" Addon

<figure><img src="/files/EcPkztL9P043Dhf5juxa" alt=""><figcaption></figcaption></figure>

2. Select the template " Dokan New Support Ticket" template.

<figure><img src="/files/nlei1GowJp7q5fwoCBLp" alt=""><figcaption></figcaption></figure>

3. Select the desired design of the Template

<figure><img src="/files/qz3s891pDBMif8bsSt0b" alt=""><figcaption></figcaption></figure>

4. Customize and configure the Template, and Save the Template

<figure><img src="/files/TolvHgkRv6R5eprho4Zg" alt=""><figcaption></figcaption></figure>

5. Screenshot of the Mail

<figure><img src="/files/tmDKbqUXERJh0hglxeuN" alt=""><figcaption></figcaption></figure>

{% hint style="info" %}
The Spark Email Editor Plugin can be purchased from [here](https://sparkeditor.com/pricing/)
{% endhint %}

**Still unclear ?**

Please submit a [support request](https://sparkeditor.com/support/).&#x20;

We are always happy to assist you :)


# YITH Woocommerce Gift Cards

Learn how to customize your gift card emails to align with your brand, improve customer engagement, and simplify communication by delivering clear and professional gift card details.

**Introduction**

The YITH WooCommerce Gift Cards addon allows you to create and manage digital gift cards for your store. With Spark Email Editor, you can design fully customized and branded email templates to enhance gift card delivery, improve communication, and provide a seamless gifting experience for your customers.

{% embed url="<https://youtu.be/e71D0EYQ-eU>" %}

{% hint style="info" %}
Make sure you have already installed and activated the Spark Email Editor plugin. Please note that the Addon explained in this doc can be accessible only in the PRO version. Do More with the PRO Version.

Get [Spark Email Editor Pro](https://sparkeditor.com/pricing/) & [Yith Woocommerce Gift Cards](https://yithemes.com/themes/plugins/yith-woocommerce-gift-cards/)
{% endhint %}

**Requirements :-**

* Woocommerce
* [Spark Email Editor PRO plugin](https://sparkeditor.com/pricing/)
* [Yith Woocommerce Gift Cards](https://yithemes.com/themes/plugins/yith-woocommerce-gift-cards/)
* [Spark Email Editor 'Yith WooCommerce Gift Cards' (compatibility plugin).](https://sparkeditor.com/add-ons/yith-woocommerce-gift-cards-premium/)

Below listed are the available templates:

<figure><img src="/files/IT6tUy7y2TDGObl3Pz8U" alt=""><figcaption></figcaption></figure>

**Scenario**

Create an Email Template for '**Send the Digital Gift Card'** for the Yith Woocommerce Gift Cards.

1. Navigate to the WordPress Dashboard → Spark Email Editor → Addons, and enable the **"Digital Gift Card for WooCommerce"** Addon.&#x20;

<figure><img src="/files/pwy2n790A0uOrgoy6Mdu" alt=""><figcaption></figcaption></figure>

2. Select the template "dispatch of the code" template.

<figure><img src="/files/xL1LPcvlVbtcUbmRwXRs" alt=""><figcaption></figcaption></figure>

3. Select the desired design of the Template

<figure><img src="/files/RNs9DaRuRT4QmrvFHLJO" alt=""><figcaption></figcaption></figure>

4. Customize and configure the Template, and Save the Template

<figure><img src="/files/gkjpZc0K6p0K7Qu6lqjS" alt=""><figcaption></figcaption></figure>

5. Screenshot of the Mail

<figure><img src="/files/FRPHX8e1LawqGFmumlC9" alt=""><figcaption></figcaption></figure>

{% hint style="info" %}
The Spark Email Editor Plugin can be purchased from [here](https://sparkeditor.com/pricing/)
{% endhint %}

**Still unclear ?**

Please submit a [support request](https://sparkeditor.com/support/). We are always happy to assist you :)


# Yith WooCommerce Booking and Appointment.

Learn how to customize all booking emails, including confirmations, cancellations, and reminders, to reflect your brand’s tone and style with tailored emails.

**Introduction**

​The Spark Email Editor offers an add-on specifically designed for the YITH WooCommerce Booking and Appointment plugin. This integration allows you to customize all booking-related emails, including confirmations, cancellations, and reminders, ensuring they align with your brand's tone and style. ​

{% hint style="info" %}
Make sure you have already installed and activated the Spark Email Editor plugin. Please note that the Addon explained in this doc can be accessible only in the PRO version. Do More with the PRO Version.

Get [Spark Email Editor Pro](https://sparkeditor.com/pricing/) & [YITH WooCommerce Booking and Appointment](https://sparkeditor.com/add-ons/yith-booking-and-appointment-for-woocommerce/)
{% endhint %}

**Requirements :-**

* Woocommerce
* [Spark Email Editor PRO plugin](https://sparkeditor.com/pricing/)
* [Yith WooCommerce Booking and Appointment.](https://yithemes.com/themes/plugins/yith-woocommerce-booking/)
* [Spark Email Editor 'Yith WooCommerce Booking and Appointment' (compatibility plugin).](https://sparkeditor.com/add-ons/yith-booking-and-appointment-for-woocommerce/)

Below listed are the available templates:

<figure><img src="/files/oWAhGP8ZJtNrAvbK8DLW" alt=""><figcaption></figcaption></figure>

**Scenario**

Create an Email Template for "Booking Status" for the Yith Booking and appointment.

1. Navigate to the Wordpress Dashboard -> Spark Email Editor -> Addons, and enable the "Yith WooCommerce Booking and Appointment" Addon.

<figure><img src="/files/vJNR1IEi2UiKUb2gMfGu" alt=""><figcaption></figcaption></figure>

2. Select the template " Booking Status" template.

<figure><img src="/files/OZf2c4S88iJfeuTjvi2Y" alt=""><figcaption></figcaption></figure>

3. Select the desired design of the Template

<figure><img src="/files/ewuUD1JsCxsWexhuiyAi" alt=""><figcaption></figcaption></figure>

4. Customize and configure the Template, and Save the Template

<figure><img src="/files/66Lhdw93QoOSsVCzE8rZ" alt=""><figcaption></figcaption></figure>

5. Screenshot of the Mail

<figure><img src="/files/IxZW1sUmyf4lVE9DHQzG" alt=""><figcaption></figcaption></figure>

{% hint style="info" %}
The Spark Email Editor Plugin can be purchased from [here](https://sparkeditor.com/pricing/)
{% endhint %}

**Still unclear ?**

Please submit a [support request](https://sparkeditor.com/support/). We are always happy to assist you :)


# Colissimo Shipping Methods

Learn how to customize email templates for Colissimo shipping methods to send personalized notifications about essential shipping updates, including label generation for customers and store owners.

**Introduction**

The **Colissimo Shipping Methods Addon** enhances the **Spark Email Editor** plugin by integrating dynamic, customizable shipping method components directly into your email templates. Designed specifically for users leveraging Colissimo logistics, this addon enables seamless display of real-time shipping options, Label generation and tracking links — all within a visually rich and editable email interface.

Whether you're crafting order confirmations, shipping updates, or promotional campaigns, this addon ensures your communications are not only informative but also professionally branded and responsive across devices. Built for ease of use, it plugs directly into the Spark Email Editor environment, allowing drag-and-drop integration of shipping details without any coding.

{% embed url="<https://youtu.be/IYox8pn7ME8>" %}

{% hint style="info" %}
Make sure you have already installed and activated the Spark Email Editor plugin.&#x20;

Please note that the "Colissimo Shipping methods" Addon explained in this doc can be accessible only in the PRO version. Do More with the PRO Version.

Get [Spark Email Editor Pro](https://sparkeditor.com/pricing/)
{% endhint %}

**Requirements :-**&#x20;

* Woocommerce
* [Spark Email Editor PRO plugin](https://sparkeditor.com/pricing/)
* [Colissimo Shipping methods for Woocommerce](https://woocommerce.com/products/colissimo-shipping-method/)&#x20;
* The "[Colissimo Shipping methods](https://sparkeditor.com/add-ons/colissimo-shipping-methods-for-woocommerce/)" compatibility pack

The Email Templates in the "**Colissimo Shipping Methods**" Addon

<figure><img src="/files/qMCNHPdrYIQWhXRCd397" alt=""><figcaption></figcaption></figure>

**Scenario :-**&#x20;

Create an Email template for "Inward Label generated"

1. Navigate to the Wordpress Dashboard -> Spark Email Editor -> Addons, and enable the Colissimo Shipping methods for Woocommerce and Select the template "Inward label generated".

<figure><img src="/files/Xpm6wKBZoDz6oWSU7rbU" alt=""><figcaption></figcaption></figure>

2. Customize and configure the Template and Save the Template

<figure><img src="/files/kKt6bCOTeNjO7Mk7f03k" alt=""><figcaption></figcaption></figure>

3. Once after the customer orders a product, a mail with the Inward label template will be delivered.

<figure><img src="/files/1mlCkkZZipnCu8LbbOlq" alt=""><figcaption></figcaption></figure>

{% hint style="info" %}
The Spark Email Editor Plugin can be purchased from [here](https://sparkeditor.com/pricing/)

The Colissimo Shipping methods Addon can be purchased from [here](https://sparkeditor.com/add-ons/colissimo-shipping-methods-for-woocommerce/)
{% endhint %}

**Still unclear ?**

Please submit a [support request](https://sparkeditor.com/support/).&#x20;

We are always happy to assist you :)


# YITH Advanced Refund System for WooCommerce

Learn how to customize your refund-related email content to reflect factors like refund status, request type, customer actions, and more – ensuring every message is timely, relevant, and clear.

**Introduction :-**

This addon extends the Spark Email Editor plugin by enabling direct integration with the **YITH Advanced Refund System for WooCommerce**. It allows store owners to dynamically insert refund-related data — such as request statuses, approval notices, and refund summaries — into email templates via intuitive drag-and-drop components. Designed for seamless compatibility and ease of use, it ensures automated, consistent, and branded refund communication across your WooCommerce store.

Streamline refund communication by integrating YITH's Advanced Refund System details directly into your emails with this Spark Email Editor addon. Easily add refund statuses, request confirmations, and resolution updates using drag-and-drop elements. Keep your customers informed and your emails clear, professional, and on-brand — no coding required.<br>

{% embed url="<https://youtu.be/Mivk-0mTNjI?si=O2f2G_AgZrpjvXBn>" %}

{% hint style="info" %}
Make sure you have already installed and activated the Spark Email Editor plugin.

Please note that the "YITH Advanced Refund System for WooCommerce" Addon explained in this doc can be accessible only in the PRO version. Do More with the PRO Version.

Get [Spark Email Editor Pro](https://sparkeditor.com/pricing/)
{% endhint %}

**Requirements :-**

* Woocommerce
* [Spark Email Editor PRO ](https://sparkeditor.com/pricing/) Plugin
* The [YITH Advanced Refund System for WooCommerce](https://yithemes.com/themes/plugins/yith-advanced-refund-system-for-woocommerce/) Plugin
* The "[Spark Email Editor: YITH Advanced Refund System for WooCommerce](https://sparkeditor.com/add-ons/yith-advanced-refund-system-for-woocommerce/)" Compatibility pack

The Email Templates in the "YITH Advanced Refund System for WooCommerce" Addon

<figure><img src="/files/ZO6zPi2F7E8ndlEheZyO" alt=""><figcaption></figcaption></figure>

**Scenario :-**

Create an Email template for "New refund request received"

1. Navigate to the Wordpress Dashboard -> Spark Email Editor -> Addons, and enable the "YITH Advanced Refund System for WooCommerce" addon and Select the template "New refund request received".

<figure><img src="/files/bqURPyCIvHqGxEZAWYDk" alt=""><figcaption></figcaption></figure>

2. Configure and customize the Template and Save the Template

<figure><img src="/files/6zWTvgvHpHBpx6ioQMs1" alt=""><figcaption></figcaption></figure>

3. If a refund is appealed or requested , a mail with the :"New refund request received" template will be delivered.

<figure><img src="/files/r9VQShUvLZ0zlnnO08ZN" alt=""><figcaption></figcaption></figure>

{% hint style="info" %}
The Spark Email Editor Plugin can be purchased from [here](https://sparkeditor.com/pricing/)

The "YITH Advanced Refund System for WooCommerce"  Addon can be purchased from [here](https://sparkeditor.com/add-ons/yith-advanced-refund-system-for-woocommerce/)
{% endhint %}

**Still unclear ?**

Please submit a [support request](https://sparkeditor.com/support/).

We are always happy to assist you :)


# YITH Woocommerce Wishlist

Learn to Customize YITH WooCommerce Wishlist emails based on product availability, price drops, and user activity-delivering timely, personalized messages that drive engagement and boost conversions.

**Introduction:**\
This addon extends the Spark Email Editor plugin by enabling direct integration with YITH WooCommerce Wishlist. It empowers store owners to insert dynamic wishlist-related content—such as saved products, availability updates, and price drop alerts-into email templates using intuitive drag-and-drop components. Seamlessly compatible and easy to use, it helps deliver personalized, timely, and conversion-focused communication that reflects your brand.

Streamline wishlist engagement by integrating YITH WooCommerce Wishlist details directly into your emails with this Spark Email Editor addon. Effortlessly add product updates, stock changes, and wishlist activity using drag-and-drop elements. Keep customers engaged and drive sales with personalized, on-brand emails-no coding needed.

{% embed url="<https://youtu.be/5-ajivoMAbA>" %}

{% hint style="info" %}
Make sure you have already installed and activated the Spark Email Editor plugin.

Please note that the "YITH Woocommerce Wishlist" Addon explained in this doc can be accessible only in the PRO version. Do More with the PRO Version.

Get [Spark Email Editor Pro](https://sparkeditor.com/pricing/)
{% endhint %}

**Requirements :-**

* Woocommerce
* [Spark Email Editor PRO ](https://sparkeditor.com/pricing/) Plugin
* The [YITH Woocommerce Wishlist](https://yithemes.com/themes/plugins/yith-woocommerce-wishlist/) Plugin
* The "[Spark Email Editor: YITH Woocommerce Wishlist](https://sparkeditor.com/add-ons/yith-wishlist-for-woocommerce/)" Compatibility pack

The Email Templates in the "YITH Woocommerce Wishlist" Addon

<figure><img src="/files/LUBAtqomynTxPYjqPIe4" alt=""><figcaption></figcaption></figure>

**Scenario:**\
Create an email template for "Wishlist item back in stock"

1. Navigate to the WordPress Dashboard → Spark Email Editor → Addons, enable the **"YITH WooCommerce Wishlist"** addon, and select the template **"Wishlist item back in stock"**.

<figure><img src="/files/TwGn0GdpFIXP9oFq4sbO" alt=""><figcaption></figcaption></figure>

2. Configure and customize the Template and Save the Template

<figure><img src="/files/8TcXv4kiqOUy0WPhTkeR" alt=""><figcaption></figcaption></figure>

3. If a product saved in a customer's wishlist is restocked, an email using the **"Wishlist item back in stock"** template will be automatically sent to notify the customer.<br>

   <figure><img src="/files/RN316ZmF0dITrk75mVoW" alt=""><figcaption></figcaption></figure>

{% hint style="info" %}
The Spark Email Editor Plugin can be purchased from [here](https://sparkeditor.com/pricing/)

The "YITH Woocommerce Wishlist"  Addon can be purchased from[ here](https://sparkeditor.com/add-ons/yith-wishlist-for-woocommerce/)
{% endhint %}

**Still unclear ?**

Please submit a [support request](https://sparkeditor.com/support/).

We are always happy to assist you :)


# WooCommerce Order Approval

Customize approval-related emails to reflect your brand and keep customers informed at every stages, pre-order, approval, or rejection therefore ensuring a clear and confident order experience.

{% embed url="<https://youtu.be/yxpKoaL4IFs>" %}

**Introduction :-**

The **WooCommerce Order Approval Addon** for Spark Email Editor allows you to seamlessly include order approval details in your email templates. With drag-and-drop components, you can display approval status, customer actions required, and custom messages, all within beautifully designed, responsive emails. Ideal for stores that require manual order confirmation, this addon helps automate communication and maintain a smooth approval workflow.

Add order approval details directly into your emails with this addon for Spark Email Editor. Use drag-and-drop blocks to show approval status, pending actions, and custom messages — ideal for stores that need manual order confirmation.

{% hint style="info" %}
Make sure you have already installed and activated the Spark Email Editor plugin.

Please note that the "WooCommerce Order Approval" Addon explained in this doc can be accessible only in the PRO version. Do More with the PRO Version.

Get [Spark Email Editor Pro](https://sparkeditor.com/pricing/)
{% endhint %}

**Requirements :-**

* Woocommerce
* [Spark Email Editor PRO plugin](https://sparkeditor.com/pricing/)
* [WooCommerce Order Approval](https://woocommerce.com/fr/products/order-approval-for-woocommerce/) Plugin
* The "[Spark Email Editor: Woocommerce Order approval](https://sparkeditor.com/add-ons/order-approval-for-woocommerce/)" Compatibility pack.

The Email Templates in the "**WooCommerce Order Approval**" Addon

<figure><img src="/files/AQxgSqv8JjDU7V8otQ0D" alt=""><figcaption></figcaption></figure>

**Scenario :-**

Create an Email template for "Pre Order Notification"

1. Navigate to the Wordpress Dashboard -> Spark Email Editor -> Addons, and enable the Order approval for WooCommerece addon and Select the template "Pre Order Notification".

<figure><img src="/files/wmGItbIIn6wU6wy0hqTT" alt=""><figcaption></figcaption></figure>

2. Customize and configure the Template and Save the Template

<figure><img src="/files/yojdTw59vlYCE8mswIP3" alt=""><figcaption></figcaption></figure>

{% hint style="info" %}
The Spark Email Editor Plugin can be purchased from [here](https://sparkeditor.com/pricing/)

The Order Approval for Woocommerce Addon can be purchased from [here](https://sparkeditor.com/add-ons/order-approval-for-woocommerce/)
{% endhint %}

**Still unclear ?**

Please submit a [support request](https://sparkeditor.com/support/). We are always happy to assist you :)


# WCFM Marketplace

Explore and learn how to create and customize emails that keep customers engaged, informed and help ease your business operations.

**Introduction**

The **WCFM Marketplace Addon** for Spark Email Editor integrates key multivendor functionalities from WCFM into your email templates. With this addon, users can dynamically insert vendor-specific content such as store information, product updates, commission details, and vendor notifications using a drag-and-drop interface. It ensures smooth communication between vendors, customers, and admins while maintaining professional, brand-aligned email layouts.

{% hint style="info" %}
Make sure you have already installed and activated the Spark Email Editor plugin.

Please note that the "[WCFM Marketplace](https://sparkeditor.com/add-ons/wcfm-marketplace/)" Addon explained in this doc can be accessible only in the PRO version. Do More with the PRO Version.

Get [Spark Email Editor Pro](https://sparkeditor.com/pricing/)
{% endhint %}

**Requirements :-**

* Woocommerce
* [Spark Email Editor PRO plugin](https://sparkeditor.com/pricing/)
* [WCFM Marketplace](https://wordpress.org/plugins/wc-multivendor-marketplace/) Plugin
* The "[Spark Email Editor: WCFM Marketplace](https://sparkeditor.com/add-ons/wcfm-marketplace/)" Compatibility pack.

The Email Templates in the "**WCFM Marketplace**" Addon

<figure><img src="/files/8hPKnII5sNKEdL3FE82Y" alt=""><figcaption></figcaption></figure>

**Scenario :-**

Create an Email template for "WCFM - Email Verification"

1. Navigate to the Wordpress Dashboard -> Spark Email Editor -> Addons, and enable the WCFM Marketplace addon and Select the template "WCFM - Email Verification".

<figure><img src="/files/MXqj4WlkSF2VBMhTfqQ9" alt=""><figcaption></figcaption></figure>

2. Select the template and Customize and configure the Template and Save the Template

<figure><img src="/files/5LwzDBjKzS8rJWbbE6qZ" alt=""><figcaption></figcaption></figure>

3. Screenshot of the Mail template carrying the Email Verification when a customer action is prompted.

<figure><img src="/files/Gb29418NtDsBnhBTOXxC" alt=""><figcaption></figcaption></figure>

{% hint style="info" %}
The Spark Email Editor Plugin can be purchased from [here](https://sparkeditor.com/pricing/)

The "WCFM Marketplace" Addon can be purchased from [here](https://sparkeditor.com/add-ons/wcfm-marketplace/)
{% endhint %}

**Still unclear ?**

Please submit a [support request](https://sparkeditor.com/support/) !! We are always happy to assist you :)


