discount sale
  • Days
  • Hrs
  • Mins
  • Secs
30% Off

Use coupon code 'JAN26' Limited Offer!!

Home > Docs > WebToffee eCommerce Marketing Automation (formerly Decorator) – Setup Guide

WebToffee eCommerce Marketing Automation (formerly Decorator) – Setup Guide

Last updated on November 5, 2025

This is the complete documentation for the WebToffee eCommerce Marketing Automation (formerly Decorator) plugin, which allows you to customize WooCommerce order emails and seamlessly connect your store to the WebToffee Marketing web app for advanced marketing automation that helps you boost engagement and conversions.

Overview of the Plugin

Decorator – WooCommerce Email Customizer Plugin (User Guide)

The plugin allows you to customize WooCommerce transactional emails and provides a seamless connection to WebToffee’s eCommerce Marketing Automation app to enhance your store’s marketing capabilities.

Email Customization Features:

  • Customize the email container/header/footer/content of the WooCommerce emails.
  • Ability to edit email text/content.
  • Customize all WooCommerce email types.
  • Heading specific customizations.
  • Option to add custom styles to emails using CSS.
  • Real-time preview of changes.
  • Provision to add images in the email.
  • Link social media icons or title in the emails.
  • Option to schedule changes to go live.
  • Option to send test email to view changes.

New Addition: Connect Your Store to WebToffee Marketing Automation

In addition to email customization, the plugin now includes a Connector feature that allows you to link your WooCommerce store with the WebToffee Marketing Automation app. This enables you to leverage advanced marketing tools such as web campaigns (pop-ups), email automation, and lead generation – all managed within the WebToffee Marketing Automation app.

📌

The WebToffee Marketing web app manages all marketing automation features, including campaign creation and automation workflows, while the plugin only facilitates the connection to your WooCommerce store.

Installation of the Plugin

Install the plugin from the WordPress plugin directory or as a zip downloaded from the WordPress.org website. Learn more about the installation procedure from this article: How to Install a Free Plugin from WordPress.

Getting Started with the Plugin

You can access the plugin features in any of the following ways:

Method 1: Using the Traditional Navigation

  • Go to WooCommerce > Decorator from your WordPress dashboard. This will take you to the email editor.

Method 2: Using the New WebToffee Marketing Menu

  • Go to WebToffee Marketing > Email Editor from your WordPress dashboard.
  • This will take you to the same WooCommerce email editor interface as before.
Email editor option
Email editor option
📌

Connect your store to the WebToffee Marketing app, using the Connector option under WebToffee Marketing.

Connecting Your Store to WebToffee Marketing

In addition to email customization, the plugin now includes a Connector feature that links your WooCommerce store with WebToffee Marketing. This enables advanced marketing automation features like web campaigns, email workflows, and lead generation.

Explore WebToffee Marketing option
Explore WebToffee Marketing option

Why Connect?

  • Access powerful email marketing automation beyond just order emails.
  • Set up popups, banners, and lead capture forms to grow your customer base.
  • Automate customer engagement with targeted workflows (cart recovery, win-back emails, and more).
  • No impact on your existing email customization workflow. The email editor remains unchanged.

How to Connect Your Store:

  1. Click Explore WebToffee Marketing and then Connect Now.
  2. Log in to your WebToffee Marketing account (or create one).
  3. Review the app permissions and click Approve.
📌

Customization of WooCommerce Emails

This plugin allows customizing each element of the WooCommerce mail. You can customize the header, content, and footer sections of your emails as per your requirements.

Decorator - Email Customization
Decorator – Email Customization

The left side of the page contains each section of emails that you could customize. The right side of the window displays a live preview of the email template as you make changes on the left.

Select email type

The plugins give provision to customize and edit all the default WooCommerce emails based on each order status. You can easily choose an email type and customize it on the go.

Decorator - Select email type
Decorator – Select email type

Email text customization

Email content such as subject, heading, subtitle, and body text can be edited or modified based on preference. You can use sliders and color pickers for designing email backgrounds, containers, headers, footers, texts, and everything. Also, add shortcodes/placeholders within the email templates to change the content and appearance. There are also options to add images (company logo), social media links, and many more in the email templates.

Email text customization
Decorator – Email text customization

The plugin allows controlling the following email elements:

  • Subject text
  • Heading text
  • Subtitle text
  • Body text
  • Additional content
  • Shortcodes

Container customization

You can control the padding, container width, border-radius, shadow etc from this option.

Decorator - Container customization
Decorator – Container customization
  • Background color – Allows for choosing a background color for the outer email body.
  • Padding – Set padding to display the email.
  • Container width – Set width of the email container.
  • Border radius – Fix border radius for the container.
  • Shadow – Give a shadow effect to the email container.
  • Border color: Choose a border color for the email container.
  • Container border width: Adjust the width of the border.

Header Customization

The header section has been further divided into three subsections.

Style

Header Customization
Header Customization
  • Background color – Select a background color.
  • Text align – Choose the alignment (right, left, center, justify) for header text from the drop-down.
  • Padding top/bottom – Adjust the top/bottom padding for header text.
  • Padding left/right – Adjust the right/left padding for header text.

Image

Decorator - Header Style
Decorator – Header Style

Header image – Upload an image to be displayed on the header.

  • Alignment: Position the image to left, right, center or justified.
  • Max width: Adjust the width of the image.
  • Background color: Set a color for the image background.
  • Padding top/bottom: Move the image padding to top and bottom.
  • Add link to the website on header image: Redirect to your website on click

Heading and subtitle

You can customize the heading and subtitle of the header.

Decorator - Heading and subtitle
Decorator – Heading and subtitle

From this section, you can customize both the footer style and footer content for WooCommerce emails. Also, you can add social media links at the footer.

Decorator - Footer style
Decorator – Footer style
  • Padding – Adjust padding for footer text.
  • Text align – Choose a suitable alignment for footer text from the given options.
  • Font size – Select a suitable font size.
  • Font family – Choose a font type of your choice.
  • Font weight – Adjust the boldness of the footer text.
  • Text color – Choose a suitable color for the footer text.
Decorator - Footer content
Decorator – Footer content

Here, you can add the desired footer content for WooCommerce emails.

You can insert the social media links like Facebook, Twitter, Instagram, Youtube, LinkedIn, Vimeo into your email templates by using icons, URLs, titles etc.

Decorator - Social media links
Decorator – Social media links

Content Customization

This section allows to customize the content container of the email body.

Content Container

Decorator - Content Container
Decorator – Content Container
  • Background color – Select a background color for the email body.
  • Padding – Adjust it’s padding.

Text Style

Decorator - Text Style
Decorator – Text Style
  • Font size – Allows to adjust the font size for the email body content.
  • Font family – Select a font type for the body text.
  • Text color – Choose your preferred color for the text.
  • Link color – Select a link color of your choice.

Order Items

This section allows you to customize the table for order items.

Decorator - Order Items
Decorator – Order Items
  • Background – Allows adding a background color of your choice.
  • Padding – Adjust padding for the order table.
  • Border width – Adjust the border width for the table.
  • Border color – Select a border color of choice.
  • Totals separator width – Adjust the width of the total separator line.
  • Totals separator color – Select a specific color for the total separator line.

Order addresses

Adjust the appearance and style of the address detail in the email.

Decorator - Order addresses
Decorator – Order addresses

Button styles

Customize the appearance of buttons within the email body.

Note: You will have to turn the toggle on from the email text section to control the button styles.

Decorator - Button styles
Decorator – Button styles

Other Customizations

This section allows to individually customize heading 1 to 6 and also add custom styles using CSS.

Custom styles

You can add the CSS to the box for adding custom styling to the email. To learn more about custom styling using CSS, refer to this article.

For example, to center align order table contents in the email using CSS, enter the following CSS in the Custom CSS field:  #body_content_inner table.td tbody tr td { text-align: center !important; } as shown below:

Decorator - Custom styles
Decorator – Custom styles

Send test email

Use this feature to see how the changes would look live on your website before publishing them. Plus, you can share the preview with people who can’t access the customizer and get their feedback on it.

Note: Customization changes should be saved prior to sending the test email.

Decorator - Send test email
Decorator – Send test email

Publish or schedule the customizations

Click on the Publish button to reflect the changes made to your emails.

Other than publishing the changes right away, you have the option to either save them as a draft or schedule a date for the configured changes to go live on WooCommerce emails. You can also apply the changes to all email types by selecting the checkbox.

Decorator - Additional options
Decorator – Additional options

Schedule date and time for email Customizations to go live

By clicking on the Schedule, you will be able to schedule a date and time for the customizations to go live on your WooCommerce emails.

You can choose a date and time of your choice.

Decorator - Additional options
Decorator – Additional options