From a6beaa70253690aa559fbf792f6074aa8f8fdedc Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=C2=A0Ja=CC=81n=20Mikla=CC=81s=CC=8C?= <neosinner@gmail.com>
Date: Mon, 3 Mar 2025 15:24:17 +0100
Subject: [PATCH] Add new Woo email templates

These are copy-pasted from WC email preview without any change

[MAILPOET-6484]
---
 .../completed_order.hbs                       | 116 +++++++++++++++++
 .../customer_note.hbs                         | 120 ++++++++++++++++++
 .../new_account.hbs                           |  27 ++++
 .../processing_order.hbs                      | 116 +++++++++++++++++
 4 files changed, 379 insertions(+)
 create mode 100644 mailpoet/views/newsletter/templates/blocks/woocommerceContentImproved/completed_order.hbs
 create mode 100644 mailpoet/views/newsletter/templates/blocks/woocommerceContentImproved/customer_note.hbs
 create mode 100644 mailpoet/views/newsletter/templates/blocks/woocommerceContentImproved/new_account.hbs
 create mode 100644 mailpoet/views/newsletter/templates/blocks/woocommerceContentImproved/processing_order.hbs

diff --git a/mailpoet/views/newsletter/templates/blocks/woocommerceContentImproved/completed_order.hbs b/mailpoet/views/newsletter/templates/blocks/woocommerceContentImproved/completed_order.hbs
new file mode 100644
index 0000000000..eeeade7dae
--- /dev/null
+++ b/mailpoet/views/newsletter/templates/blocks/woocommerceContentImproved/completed_order.hbs
@@ -0,0 +1,116 @@
+<div class="mailpoet_tools"></div>
+<div class="mailpoet_woocommerce_content_overlay">
+  <p><%= __('Autogenerated content by WooCommerce') %></p>
+</div>
+<div class="mailpoet_content mailpoet_woocommerce_content" data-automation-id="woocommerce_content">
+
+	<!-- WooCommerce email template start -->
+	<div class="email-introduction" style="padding-bottom: 24px;">
+		<p style="margin: 0 0 16px;">
+			Hi John,</p>
+		<p style="margin: 0 0 16px;">We’ve successfully processed your order, and it’s on its way to you.</p>
+		<p style="margin: 0 0 16px;">Here’s a reminder of what you’ve ordered:</p>
+	</div>
+	<h2 class="email-order-detail-heading" style='color: #3c3c3c; display: block; font-family: "Helvetica Neue",Helvetica,Roboto,Arial,sans-serif; font-size: 20px; font-weight: bold; line-height: 160%; margin: 0 0 18px; text-align: left;'>
+		Order summary<br><span style="color: #3c3c3c; display: block; font-size: 14px; font-weight: normal;">Order #12345 (March 3, 2025)</span>
+	</h2>
+	<div style="margin-bottom: 24px;">
+		<table class="td font-family email-order-details" cellspacing="0" cellpadding="6" border="0" style='color: #636363; border: 0; vertical-align: middle; font-family: "Helvetica Neue",Helvetica,Roboto,Arial,sans-serif; width: 100%;' width="100%">
+			<tbody>
+				<tr class="order_item">
+					<td class="td font-family text-align-left" style='color: #636363; border: 0; font-family: "Helvetica Neue",Helvetica,Roboto,Arial,sans-serif; text-align: left; padding: 8px 12px; padding-left: 0; vertical-align: middle; word-wrap: break-word;' align="left">
+						<table class="order-item-data" style='color: #3c3c3c; font-family: "Helvetica Neue",Helvetica,Roboto,Arial,sans-serif;'>
+							<tr>
+								<td style="vertical-align: middle; padding-left: 0; border-bottom: 1px solid rgba(0,0,0,.2); padding-bottom: 24px; border: 0; padding: 0;"><img src="http://mailpoet.plugin:8002/wp-content/plugins/woocommerce/assets/images/placeholder.png" width="48" height="48" alt="" style="border: none; display: inline-block; font-size: 14px; font-weight: bold; height: auto; outline: none; text-decoration: none; text-transform: capitalize; vertical-align: middle; margin-right: 24px; max-width: 100%;" border="0"></td>
+								<td style="vertical-align: middle; padding-right: 0; border-bottom: 1px solid rgba(0,0,0,.2); padding-bottom: 24px; border: 0; padding: 0;">
+									Dummy Product<div class="email-order-item-meta" style="color: #3c3c3c; font-size: 14px; line-height: 140%;"></div>
+								</td>
+							</tr>
+						</table>
+					</td>
+					<td class="td font-family text-align-right" style='color: #636363; border: 0; font-family: "Helvetica Neue",Helvetica,Roboto,Arial,sans-serif; text-align: right; padding: 8px 12px; vertical-align: middle;' align="right">
+						×2 </td>
+					<td class="td font-family text-align-right" style='color: #636363; border: 0; font-family: "Helvetica Neue",Helvetica,Roboto,Arial,sans-serif; text-align: right; padding: 8px 12px; padding-right: 0; vertical-align: middle;' align="right">
+						<span class="woocommerce-Price-amount amount">50,00 <span class="woocommerce-Price-currencySymbol">$</span></span> </td>
+				</tr>
+				<tr class="order_item">
+					<td class="td font-family text-align-left" style='color: #636363; border: 0; font-family: "Helvetica Neue",Helvetica,Roboto,Arial,sans-serif; text-align: left; padding: 8px 12px; padding-left: 0; border-bottom: 1px solid rgba(0,0,0,.2); padding-bottom: 24px; vertical-align: middle; word-wrap: break-word;' align="left">
+						<table class="order-item-data" style='color: #3c3c3c; font-family: "Helvetica Neue",Helvetica,Roboto,Arial,sans-serif;'>
+							<tr>
+								<td style="vertical-align: middle; padding-left: 0; border-bottom: 1px solid rgba(0,0,0,.2); padding-bottom: 24px; border: 0; padding: 0;"><img src="http://mailpoet.plugin:8002/wp-content/plugins/woocommerce/assets/images/placeholder.png" width="48" height="48" alt="" style="border: none; display: inline-block; font-size: 14px; font-weight: bold; height: auto; outline: none; text-decoration: none; text-transform: capitalize; vertical-align: middle; margin-right: 24px; max-width: 100%;" border="0"></td>
+								<td style="vertical-align: middle; padding-right: 0; border-bottom: 1px solid rgba(0,0,0,.2); padding-bottom: 24px; border: 0; padding: 0;">
+									Dummy Product Variation<div class="email-order-item-meta" style="color: #3c3c3c; font-size: 14px; line-height: 140%;">
+										<span>Color:</span> Red<br><span>Size:</span> Small</div>
+								</td>
+							</tr>
+						</table>
+					</td>
+					<td class="td font-family text-align-right" style='color: #636363; border: 0; font-family: "Helvetica Neue",Helvetica,Roboto,Arial,sans-serif; text-align: right; padding: 8px 12px; border-bottom: 1px solid rgba(0,0,0,.2); padding-bottom: 24px; vertical-align: middle;' align="right">
+						×1 </td>
+					<td class="td font-family text-align-right" style='color: #636363; border: 0; font-family: "Helvetica Neue",Helvetica,Roboto,Arial,sans-serif; text-align: right; padding: 8px 12px; padding-right: 0; border-bottom: 1px solid rgba(0,0,0,.2); padding-bottom: 24px; vertical-align: middle;' align="right">
+						<span class="woocommerce-Price-amount amount">20,00 <span class="woocommerce-Price-currencySymbol">$</span></span> </td>
+				</tr>
+			</tbody>
+			<tfoot>
+				<tr class="order-totals order-totals-subtotal">
+					<th class="td text-align-left" scope="row" colspan="2" style="color: #636363; border: 0; vertical-align: middle; text-align: left; padding: 8px 12px; font-weight: normal; padding-bottom: 5px; padding-left: 0; padding-top: 24px; border-top-width: 4px;" align="left">
+						Subtotal: </th>
+					<td class="td text-align-right" style="color: #636363; border: 0; vertical-align: middle; text-align: right; padding: 8px 12px; font-weight: normal; padding-bottom: 5px; padding-right: 0; padding-top: 24px; border-top-width: 4px;" align="right"><span class="woocommerce-Price-amount amount">70,00 <span class="woocommerce-Price-currencySymbol">$</span></span></td>
+				</tr>
+				<tr class="order-totals order-totals-discount">
+					<th class="td text-align-left" scope="row" colspan="2" style="color: #636363; border: 0; vertical-align: middle; text-align: left; padding: 8px 12px; font-weight: normal; padding-bottom: 5px; padding-top: 5px; padding-left: 0;" align="left">
+						Discount: </th>
+					<td class="td text-align-right" style="color: #636363; border: 0; vertical-align: middle; text-align: right; padding: 8px 12px; font-weight: normal; padding-bottom: 5px; padding-top: 5px; padding-right: 0;" align="right">-<span class="woocommerce-Price-amount amount">10,00 <span class="woocommerce-Price-currencySymbol">$</span></span>
+					</td>
+				</tr>
+				<tr class="order-totals order-totals-shipping">
+					<th class="td text-align-left" scope="row" colspan="2" style="color: #636363; border: 0; vertical-align: middle; text-align: left; padding: 8px 12px; font-weight: normal; padding-bottom: 5px; padding-top: 5px; padding-left: 0;" align="left">
+						Shipping: Flat rate </th>
+					<td class="td text-align-right" style="color: #636363; border: 0; vertical-align: middle; text-align: right; padding: 8px 12px; font-weight: normal; padding-bottom: 5px; padding-top: 5px; padding-right: 0;" align="right"><span class="woocommerce-Price-amount amount">5,00 <span class="woocommerce-Price-currencySymbol">$</span></span></td>
+				</tr>
+				<tr class="order-totals order-totals-total">
+					<th class="td text-align-left" scope="row" colspan="2" style="color: #636363; border: 0; vertical-align: middle; text-align: left; padding: 8px 12px; padding-bottom: 5px; padding-top: 5px; font-weight: bold; padding-left: 0;" align="left">
+						Total: </th>
+					<td class="td text-align-right" style="color: #636363; border: 0; vertical-align: middle; text-align: right; padding: 8px 12px; padding-bottom: 5px; padding-top: 5px; font-weight: bold; font-size: 20px; padding-right: 0;" align="right"><span class="woocommerce-Price-amount amount">65,00 <span class="woocommerce-Price-currencySymbol">$</span></span></td>
+				</tr>
+				<tr class="order-totals order-totals-payment_method order-totals-last">
+					<th class="td text-align-left" scope="row" colspan="2" style="color: #636363; border: 0; vertical-align: middle; text-align: left; padding: 8px 12px; font-weight: normal; padding-top: 5px; border-bottom: 1px solid rgba(0,0,0,.2); padding-bottom: 24px; padding-left: 0;" align="left">
+						Payment method: </th>
+					<td class="td text-align-right" style="color: #636363; border: 0; vertical-align: middle; text-align: right; padding: 8px 12px; font-weight: normal; padding-top: 5px; border-bottom: 1px solid rgba(0,0,0,.2); padding-bottom: 24px; padding-right: 0;" align="right">Direct bank transfer</td>
+				</tr>
+				<tr class="order-customer-note">
+					<td class="td text-align-left" colspan="3" style="color: #636363; border: 0; vertical-align: middle; text-align: left; padding: 8px 12px; border-bottom: 1px solid rgba(0,0,0,.2); padding-bottom: 24px; padding-top: 24px; padding-left: 0; padding-right: 0;" align="left">
+						<b>Customer note</b><br>
+						This is a customer note. Customers can add a note to their order on checkout.<br>
+						<br>
+						It can be multiple lines. If there’s no note, this section is hidden. </td>
+				</tr>
+			</tfoot>
+		</table>
+	</div>
+	<table id="addresses" cellspacing="0" cellpadding="0" border="0" style="width: 100%; vertical-align: top; margin-bottom: 0; padding: 0;" width="100%">
+		<tr>
+			<td class="font-family text-align-left" valign="top" width="50%" style='font-family: "Helvetica Neue",Helvetica,Roboto,Arial,sans-serif; text-align: left; border: 0; padding: 0;' align="left">
+				<b class="address-title" style='color: #3c3c3c; font-family: "Helvetica Neue",Helvetica,Roboto,Arial,sans-serif;'>Billing address</b>
+				<address class="address" style="color: #3c3c3c; font-style: normal; padding: 8px 0;">
+					John Doe<br>Company<br>123 Fake Street<br>Faketown, CA 12345<br>United States (US) <br><a target="_blank" href="tel:5555555555" style="color: #7f54b3; font-weight: normal; text-decoration: underline;">555-555-5555</a> <br>john@company.com </address>
+			</td>
+			<td class="font-family text-align-left" valign="top" width="50%" style='font-family: "Helvetica Neue",Helvetica,Roboto,Arial,sans-serif; text-align: left; padding: 0;' align="left">
+				<b class="address-title" style='color: #3c3c3c; font-family: "Helvetica Neue",Helvetica,Roboto,Arial,sans-serif;'>Shipping address</b>
+				<address class="address" style="color: #3c3c3c; font-style: normal; padding: 8px 0;">
+					John Doe<br>Company<br>123 Fake Street<br>Faketown, CA 12345<br>United States (US) <br><a target="_blank" href="tel:5555555555" style="color: #7f54b3; font-weight: normal; text-decoration: underline;">555-555-5555</a> </address>
+			</td>
+		</tr>
+	</table>
+	<br>
+	<table border="0" cellpadding="0" cellspacing="0" width="100%">
+		<tr>
+			<td class="email-additional-content" style='color: #3c3c3c; font-family: "Helvetica Neue",Helvetica,Roboto,Arial,sans-serif; padding: 32px 0 0;'>
+				<p style="text-align: center; margin: 0 0 16px;" align="center">Thanks for shopping with us.</p>
+			</td>
+		</tr>
+	</table>
+	<!-- WooCommerce email template end -->
+
+</div>
+<div class="mailpoet_block_highlight"></div>
diff --git a/mailpoet/views/newsletter/templates/blocks/woocommerceContentImproved/customer_note.hbs b/mailpoet/views/newsletter/templates/blocks/woocommerceContentImproved/customer_note.hbs
new file mode 100644
index 0000000000..e48812b734
--- /dev/null
+++ b/mailpoet/views/newsletter/templates/blocks/woocommerceContentImproved/customer_note.hbs
@@ -0,0 +1,120 @@
+<div class="mailpoet_tools"></div>
+<div class="mailpoet_woocommerce_content_overlay">
+  <p><%= __('Autogenerated content by WooCommerce') %></p>
+</div>
+<div class="mailpoet_content mailpoet_woocommerce_content" data-automation-id="woocommerce_content">
+
+	<!-- WooCommerce email template start -->
+	<div class="email-introduction" style="padding-bottom: 24px;">
+		<p style="margin: 0 0 16px;">
+			Hi John,</p>
+		<p style="margin: 0 0 16px;">The following note has been added to your order:</p>
+		<blockquote>
+			<p style="margin: 0 0 16px;">This is a customer note. Customers can add a note to their order on checkout.</p>
+			<p style="margin: 0 0 16px;">It can be multiple lines. If there’s no note, this section is hidden.</p>
+		</blockquote>
+		<p style="margin: 0 0 16px;">As a reminder, here are your order details:</p>
+	</div>
+	<h2 class="email-order-detail-heading" style='color: #3c3c3c; display: block; font-family: "Helvetica Neue",Helvetica,Roboto,Arial,sans-serif; font-size: 20px; font-weight: bold; line-height: 160%; margin: 0 0 18px; text-align: left;'>
+		Order summary<br><span style="color: #3c3c3c; display: block; font-size: 14px; font-weight: normal;">Order #12345 (March 3, 2025)</span>
+	</h2>
+	<div style="margin-bottom: 24px;">
+		<table class="td font-family email-order-details" cellspacing="0" cellpadding="6" border="0" style='color: #636363; border: 0; vertical-align: middle; font-family: "Helvetica Neue",Helvetica,Roboto,Arial,sans-serif; width: 100%;' width="100%">
+			<tbody>
+				<tr class="order_item">
+					<td class="td font-family text-align-left" style='color: #636363; border: 0; font-family: "Helvetica Neue",Helvetica,Roboto,Arial,sans-serif; text-align: left; padding: 8px 12px; padding-left: 0; vertical-align: middle; word-wrap: break-word;' align="left">
+						<table class="order-item-data" style='color: #3c3c3c; font-family: "Helvetica Neue",Helvetica,Roboto,Arial,sans-serif;'>
+							<tr>
+								<td style="vertical-align: middle; padding-left: 0; border-bottom: 1px solid rgba(0,0,0,.2); padding-bottom: 24px; border: 0; padding: 0;"><img src="http://mailpoet.plugin:8002/wp-content/plugins/woocommerce/assets/images/placeholder.png" width="48" height="48" alt="" style="border: none; display: inline-block; font-size: 14px; font-weight: bold; height: auto; outline: none; text-decoration: none; text-transform: capitalize; vertical-align: middle; margin-right: 24px; max-width: 100%;" border="0"></td>
+								<td style="vertical-align: middle; padding-right: 0; border-bottom: 1px solid rgba(0,0,0,.2); padding-bottom: 24px; border: 0; padding: 0;">
+									Dummy Product<div class="email-order-item-meta" style="color: #3c3c3c; font-size: 14px; line-height: 140%;"></div>
+								</td>
+							</tr>
+						</table>
+					</td>
+					<td class="td font-family text-align-right" style='color: #636363; border: 0; font-family: "Helvetica Neue",Helvetica,Roboto,Arial,sans-serif; text-align: right; padding: 8px 12px; vertical-align: middle;' align="right">
+						×2 </td>
+					<td class="td font-family text-align-right" style='color: #636363; border: 0; font-family: "Helvetica Neue",Helvetica,Roboto,Arial,sans-serif; text-align: right; padding: 8px 12px; padding-right: 0; vertical-align: middle;' align="right">
+						<span class="woocommerce-Price-amount amount">50,00 <span class="woocommerce-Price-currencySymbol">$</span></span> </td>
+				</tr>
+				<tr class="order_item">
+					<td class="td font-family text-align-left" style='color: #636363; border: 0; font-family: "Helvetica Neue",Helvetica,Roboto,Arial,sans-serif; text-align: left; padding: 8px 12px; padding-left: 0; border-bottom: 1px solid rgba(0,0,0,.2); padding-bottom: 24px; vertical-align: middle; word-wrap: break-word;' align="left">
+						<table class="order-item-data" style='color: #3c3c3c; font-family: "Helvetica Neue",Helvetica,Roboto,Arial,sans-serif;'>
+							<tr>
+								<td style="vertical-align: middle; padding-left: 0; border-bottom: 1px solid rgba(0,0,0,.2); padding-bottom: 24px; border: 0; padding: 0;"><img src="http://mailpoet.plugin:8002/wp-content/plugins/woocommerce/assets/images/placeholder.png" width="48" height="48" alt="" style="border: none; display: inline-block; font-size: 14px; font-weight: bold; height: auto; outline: none; text-decoration: none; text-transform: capitalize; vertical-align: middle; margin-right: 24px; max-width: 100%;" border="0"></td>
+								<td style="vertical-align: middle; padding-right: 0; border-bottom: 1px solid rgba(0,0,0,.2); padding-bottom: 24px; border: 0; padding: 0;">
+									Dummy Product Variation<div class="email-order-item-meta" style="color: #3c3c3c; font-size: 14px; line-height: 140%;">
+										<span>Color:</span> Red<br><span>Size:</span> Small</div>
+								</td>
+							</tr>
+						</table>
+					</td>
+					<td class="td font-family text-align-right" style='color: #636363; border: 0; font-family: "Helvetica Neue",Helvetica,Roboto,Arial,sans-serif; text-align: right; padding: 8px 12px; border-bottom: 1px solid rgba(0,0,0,.2); padding-bottom: 24px; vertical-align: middle;' align="right">
+						×1 </td>
+					<td class="td font-family text-align-right" style='color: #636363; border: 0; font-family: "Helvetica Neue",Helvetica,Roboto,Arial,sans-serif; text-align: right; padding: 8px 12px; padding-right: 0; border-bottom: 1px solid rgba(0,0,0,.2); padding-bottom: 24px; vertical-align: middle;' align="right">
+						<span class="woocommerce-Price-amount amount">20,00 <span class="woocommerce-Price-currencySymbol">$</span></span> </td>
+				</tr>
+			</tbody>
+			<tfoot>
+				<tr class="order-totals order-totals-subtotal">
+					<th class="td text-align-left" scope="row" colspan="2" style="color: #636363; border: 0; vertical-align: middle; text-align: left; padding: 8px 12px; font-weight: normal; padding-bottom: 5px; padding-left: 0; padding-top: 24px; border-top-width: 4px;" align="left">
+						Subtotal: </th>
+					<td class="td text-align-right" style="color: #636363; border: 0; vertical-align: middle; text-align: right; padding: 8px 12px; font-weight: normal; padding-bottom: 5px; padding-right: 0; padding-top: 24px; border-top-width: 4px;" align="right"><span class="woocommerce-Price-amount amount">70,00 <span class="woocommerce-Price-currencySymbol">$</span></span></td>
+				</tr>
+				<tr class="order-totals order-totals-discount">
+					<th class="td text-align-left" scope="row" colspan="2" style="color: #636363; border: 0; vertical-align: middle; text-align: left; padding: 8px 12px; font-weight: normal; padding-bottom: 5px; padding-top: 5px; padding-left: 0;" align="left">
+						Discount: </th>
+					<td class="td text-align-right" style="color: #636363; border: 0; vertical-align: middle; text-align: right; padding: 8px 12px; font-weight: normal; padding-bottom: 5px; padding-top: 5px; padding-right: 0;" align="right">-<span class="woocommerce-Price-amount amount">10,00 <span class="woocommerce-Price-currencySymbol">$</span></span>
+					</td>
+				</tr>
+				<tr class="order-totals order-totals-shipping">
+					<th class="td text-align-left" scope="row" colspan="2" style="color: #636363; border: 0; vertical-align: middle; text-align: left; padding: 8px 12px; font-weight: normal; padding-bottom: 5px; padding-top: 5px; padding-left: 0;" align="left">
+						Shipping: Flat rate </th>
+					<td class="td text-align-right" style="color: #636363; border: 0; vertical-align: middle; text-align: right; padding: 8px 12px; font-weight: normal; padding-bottom: 5px; padding-top: 5px; padding-right: 0;" align="right"><span class="woocommerce-Price-amount amount">5,00 <span class="woocommerce-Price-currencySymbol">$</span></span></td>
+				</tr>
+				<tr class="order-totals order-totals-total">
+					<th class="td text-align-left" scope="row" colspan="2" style="color: #636363; border: 0; vertical-align: middle; text-align: left; padding: 8px 12px; padding-bottom: 5px; padding-top: 5px; font-weight: bold; padding-left: 0;" align="left">
+						Total: </th>
+					<td class="td text-align-right" style="color: #636363; border: 0; vertical-align: middle; text-align: right; padding: 8px 12px; padding-bottom: 5px; padding-top: 5px; font-weight: bold; font-size: 20px; padding-right: 0;" align="right"><span class="woocommerce-Price-amount amount">65,00 <span class="woocommerce-Price-currencySymbol">$</span></span></td>
+				</tr>
+				<tr class="order-totals order-totals-payment_method order-totals-last">
+					<th class="td text-align-left" scope="row" colspan="2" style="color: #636363; border: 0; vertical-align: middle; text-align: left; padding: 8px 12px; font-weight: normal; padding-top: 5px; border-bottom: 1px solid rgba(0,0,0,.2); padding-bottom: 24px; padding-left: 0;" align="left">
+						Payment method: </th>
+					<td class="td text-align-right" style="color: #636363; border: 0; vertical-align: middle; text-align: right; padding: 8px 12px; font-weight: normal; padding-top: 5px; border-bottom: 1px solid rgba(0,0,0,.2); padding-bottom: 24px; padding-right: 0;" align="right">Direct bank transfer</td>
+				</tr>
+				<tr class="order-customer-note">
+					<td class="td text-align-left" colspan="3" style="color: #636363; border: 0; vertical-align: middle; text-align: left; padding: 8px 12px; border-bottom: 1px solid rgba(0,0,0,.2); padding-bottom: 24px; padding-top: 24px; padding-left: 0; padding-right: 0;" align="left">
+						<b>Customer note</b><br>
+						This is a customer note. Customers can add a note to their order on checkout.<br>
+						<br>
+						It can be multiple lines. If there’s no note, this section is hidden. </td>
+				</tr>
+			</tfoot>
+		</table>
+	</div>
+	<table id="addresses" cellspacing="0" cellpadding="0" border="0" style="width: 100%; vertical-align: top; margin-bottom: 0; padding: 0;" width="100%">
+		<tr>
+			<td class="font-family text-align-left" valign="top" width="50%" style='font-family: "Helvetica Neue",Helvetica,Roboto,Arial,sans-serif; text-align: left; border: 0; padding: 0;' align="left">
+				<b class="address-title" style='color: #3c3c3c; font-family: "Helvetica Neue",Helvetica,Roboto,Arial,sans-serif;'>Billing address</b>
+				<address class="address" style="color: #3c3c3c; font-style: normal; padding: 8px 0;">
+					John Doe<br>Company<br>123 Fake Street<br>Faketown, CA 12345<br>United States (US) <br><a target="_blank" href="tel:5555555555" style="color: #7f54b3; font-weight: normal; text-decoration: underline;">555-555-5555</a> <br>john@company.com </address>
+			</td>
+			<td class="font-family text-align-left" valign="top" width="50%" style='font-family: "Helvetica Neue",Helvetica,Roboto,Arial,sans-serif; text-align: left; padding: 0;' align="left">
+				<b class="address-title" style='color: #3c3c3c; font-family: "Helvetica Neue",Helvetica,Roboto,Arial,sans-serif;'>Shipping address</b>
+				<address class="address" style="color: #3c3c3c; font-style: normal; padding: 8px 0;">
+					John Doe<br>Company<br>123 Fake Street<br>Faketown, CA 12345<br>United States (US) <br><a target="_blank" href="tel:5555555555" style="color: #7f54b3; font-weight: normal; text-decoration: underline;">555-555-5555</a> </address>
+			</td>
+		</tr>
+	</table>
+	<br>
+	<table border="0" cellpadding="0" cellspacing="0" width="100%">
+		<tr>
+			<td class="email-additional-content" style='color: #3c3c3c; font-family: "Helvetica Neue",Helvetica,Roboto,Arial,sans-serif; padding: 32px 0 0;'>
+				<p style="text-align: center; margin: 0 0 16px;" align="center">Thanks for reading.</p>
+			</td>
+		</tr>
+	</table>
+	<!-- WooCommerce email template end -->
+
+</div>
+<div class="mailpoet_block_highlight"></div>
diff --git a/mailpoet/views/newsletter/templates/blocks/woocommerceContentImproved/new_account.hbs b/mailpoet/views/newsletter/templates/blocks/woocommerceContentImproved/new_account.hbs
new file mode 100644
index 0000000000..6125b1ecfa
--- /dev/null
+++ b/mailpoet/views/newsletter/templates/blocks/woocommerceContentImproved/new_account.hbs
@@ -0,0 +1,27 @@
+<div class="mailpoet_tools"></div>
+<div class="mailpoet_woocommerce_content_overlay">
+	<p><%= __('Autogenerated content by WooCommerce') %></p>
+</div>
+<div class="mailpoet_content mailpoet_woocommerce_content" data-automation-id="woocommerce_content">
+
+	<!-- WooCommerce email template start -->
+	<div class="email-introduction" style="padding-bottom: 24px;">
+		<p style="margin: 0 0 16px;">Hi user_preview,</p>
+		<p style="margin: 0 0 16px;">Thanks for creating an account on mailpoet. Here’s a copy of your user details.</p>
+		<div class="hr hr-top" style="border-bottom: 1px solid #1e1e1e; opacity: .2; margin: 16px 0; margin-top: 32px;"></div>
+		<p style="margin: 0 0 16px;">Username: <b>user_preview</b></p>
+		<div class="hr hr-bottom" style="border-bottom: 1px solid #1e1e1e; opacity: .2; margin: 16px 0; margin-bottom: 32px;"></div>
+		<p style="margin: 0 0 16px;">You can access your account area to view orders, change your password, and more via the link below:</p>
+		<p style="margin: 0 0 16px;"><a target="_blank" href="http://mailpoet.plugin:8002/my-account/" style="color: #7f54b3; font-weight: normal; text-decoration: underline;">My account</a></p>
+	</div>
+	<table border="0" cellpadding="0" cellspacing="0" width="100%">
+		<tr>
+			<td class="email-additional-content email-additional-content-aligned" style='color: #3c3c3c; font-family: "Helvetica Neue",Helvetica,Roboto,Arial,sans-serif; padding: 32px 0 0;'>
+				<p style="text-align: left; margin: 0 0 16px;" align="left">We look forward to seeing you soon.</p>
+			</td>
+		</tr>
+	</table>
+	<!-- WooCommerce email template end -->
+
+</div>
+<div class="mailpoet_block_highlight"></div>
diff --git a/mailpoet/views/newsletter/templates/blocks/woocommerceContentImproved/processing_order.hbs b/mailpoet/views/newsletter/templates/blocks/woocommerceContentImproved/processing_order.hbs
new file mode 100644
index 0000000000..5d237e72a2
--- /dev/null
+++ b/mailpoet/views/newsletter/templates/blocks/woocommerceContentImproved/processing_order.hbs
@@ -0,0 +1,116 @@
+<div class="mailpoet_tools"></div>
+<div class="mailpoet_woocommerce_content_overlay">
+	<p><%= __('Autogenerated content by WooCommerce') %></p>
+</div>
+<div class="mailpoet_content mailpoet_woocommerce_content" data-automation-id="woocommerce_content" style="font-family:'Helvetica Neue',Helvetica,Roboto,Arial,sans-serif;font-size:14px;line-height:150%;text-align:left;">
+
+	<!-- WooCommerce email template start -->
+	<div class="email-introduction" style="padding-bottom: 24px;">
+		<p style="margin: 0 0 16px;">
+			Hi John,</p>
+		<p style="margin: 0 0 16px;">We’ve received your order and will let you know when it’s on its way to you!</p>
+		<p style="margin: 0 0 16px;">Here’s a reminder of what you’ve ordered:</p>
+	</div>
+	<h2 class="email-order-detail-heading" style='color: #3c3c3c; display: block; font-family: "Helvetica Neue",Helvetica,Roboto,Arial,sans-serif; font-size: 20px; font-weight: bold; line-height: 160%; margin: 0 0 18px; text-align: left;'>
+		Order summary<br><span style="color: #3c3c3c; display: block; font-size: 14px; font-weight: normal;">Order #12345 (March 3, 2025)</span>
+	</h2>
+	<div style="margin-bottom: 24px;">
+		<table class="td font-family email-order-details" cellspacing="0" cellpadding="6" border="0" style='color: #636363; border: 0; vertical-align: middle; font-family: "Helvetica Neue",Helvetica,Roboto,Arial,sans-serif; width: 100%;' width="100%">
+			<tbody>
+				<tr class="order_item">
+					<td class="td font-family text-align-left" style='color: #636363; border: 0; font-family: "Helvetica Neue",Helvetica,Roboto,Arial,sans-serif; text-align: left; padding: 8px 12px; padding-left: 0; vertical-align: middle; word-wrap: break-word;' align="left">
+						<table class="order-item-data" style='color: #3c3c3c; font-family: "Helvetica Neue",Helvetica,Roboto,Arial,sans-serif;'>
+							<tr>
+								<td style="vertical-align: middle; padding-left: 0; border-bottom: 1px solid rgba(0,0,0,.2); padding-bottom: 24px; border: 0; padding: 0;"><img src="http://mailpoet.plugin:8002/wp-content/plugins/woocommerce/assets/images/placeholder.png" width="48" height="48" alt="" style="border: none; display: inline-block; font-size: 14px; font-weight: bold; height: auto; outline: none; text-decoration: none; text-transform: capitalize; vertical-align: middle; margin-right: 24px; max-width: 100%;" border="0"></td>
+								<td style="vertical-align: middle; padding-right: 0; border-bottom: 1px solid rgba(0,0,0,.2); padding-bottom: 24px; border: 0; padding: 0;">
+									Dummy Product<div class="email-order-item-meta" style="color: #3c3c3c; font-size: 14px; line-height: 140%;"></div>
+								</td>
+							</tr>
+						</table>
+					</td>
+					<td class="td font-family text-align-right" style='color: #636363; border: 0; font-family: "Helvetica Neue",Helvetica,Roboto,Arial,sans-serif; text-align: right; padding: 8px 12px; vertical-align: middle;' align="right">
+						×2 </td>
+					<td class="td font-family text-align-right" style='color: #636363; border: 0; font-family: "Helvetica Neue",Helvetica,Roboto,Arial,sans-serif; text-align: right; padding: 8px 12px; padding-right: 0; vertical-align: middle;' align="right">
+						<span class="woocommerce-Price-amount amount">50,00 <span class="woocommerce-Price-currencySymbol">$</span></span> </td>
+				</tr>
+				<tr class="order_item">
+					<td class="td font-family text-align-left" style='color: #636363; border: 0; font-family: "Helvetica Neue",Helvetica,Roboto,Arial,sans-serif; text-align: left; padding: 8px 12px; padding-left: 0; border-bottom: 1px solid rgba(0,0,0,.2); padding-bottom: 24px; vertical-align: middle; word-wrap: break-word;' align="left">
+						<table class="order-item-data" style='color: #3c3c3c; font-family: "Helvetica Neue",Helvetica,Roboto,Arial,sans-serif;'>
+							<tr>
+								<td style="vertical-align: middle; padding-left: 0; border-bottom: 1px solid rgba(0,0,0,.2); padding-bottom: 24px; border: 0; padding: 0;"><img src="http://mailpoet.plugin:8002/wp-content/plugins/woocommerce/assets/images/placeholder.png" width="48" height="48" alt="" style="border: none; display: inline-block; font-size: 14px; font-weight: bold; height: auto; outline: none; text-decoration: none; text-transform: capitalize; vertical-align: middle; margin-right: 24px; max-width: 100%;" border="0"></td>
+								<td style="vertical-align: middle; padding-right: 0; border-bottom: 1px solid rgba(0,0,0,.2); padding-bottom: 24px; border: 0; padding: 0;">
+									Dummy Product Variation<div class="email-order-item-meta" style="color: #3c3c3c; font-size: 14px; line-height: 140%;">
+										<span>Color:</span> Red<br><span>Size:</span> Small</div>
+								</td>
+							</tr>
+						</table>
+					</td>
+					<td class="td font-family text-align-right" style='color: #636363; border: 0; font-family: "Helvetica Neue",Helvetica,Roboto,Arial,sans-serif; text-align: right; padding: 8px 12px; border-bottom: 1px solid rgba(0,0,0,.2); padding-bottom: 24px; vertical-align: middle;' align="right">
+						×1 </td>
+					<td class="td font-family text-align-right" style='color: #636363; border: 0; font-family: "Helvetica Neue",Helvetica,Roboto,Arial,sans-serif; text-align: right; padding: 8px 12px; padding-right: 0; border-bottom: 1px solid rgba(0,0,0,.2); padding-bottom: 24px; vertical-align: middle;' align="right">
+						<span class="woocommerce-Price-amount amount">20,00 <span class="woocommerce-Price-currencySymbol">$</span></span> </td>
+				</tr>
+			</tbody>
+			<tfoot>
+				<tr class="order-totals order-totals-subtotal">
+					<th class="td text-align-left" scope="row" colspan="2" style="color: #636363; border: 0; vertical-align: middle; text-align: left; padding: 8px 12px; font-weight: normal; padding-bottom: 5px; padding-left: 0; padding-top: 24px; border-top-width: 4px;" align="left">
+						Subtotal: </th>
+					<td class="td text-align-right" style="color: #636363; border: 0; vertical-align: middle; text-align: right; padding: 8px 12px; font-weight: normal; padding-bottom: 5px; padding-right: 0; padding-top: 24px; border-top-width: 4px;" align="right"><span class="woocommerce-Price-amount amount">70,00 <span class="woocommerce-Price-currencySymbol">$</span></span></td>
+				</tr>
+				<tr class="order-totals order-totals-discount">
+					<th class="td text-align-left" scope="row" colspan="2" style="color: #636363; border: 0; vertical-align: middle; text-align: left; padding: 8px 12px; font-weight: normal; padding-bottom: 5px; padding-top: 5px; padding-left: 0;" align="left">
+						Discount: </th>
+					<td class="td text-align-right" style="color: #636363; border: 0; vertical-align: middle; text-align: right; padding: 8px 12px; font-weight: normal; padding-bottom: 5px; padding-top: 5px; padding-right: 0;" align="right">-<span class="woocommerce-Price-amount amount">10,00 <span class="woocommerce-Price-currencySymbol">$</span></span>
+					</td>
+				</tr>
+				<tr class="order-totals order-totals-shipping">
+					<th class="td text-align-left" scope="row" colspan="2" style="color: #636363; border: 0; vertical-align: middle; text-align: left; padding: 8px 12px; font-weight: normal; padding-bottom: 5px; padding-top: 5px; padding-left: 0;" align="left">
+						Shipping: Flat rate </th>
+					<td class="td text-align-right" style="color: #636363; border: 0; vertical-align: middle; text-align: right; padding: 8px 12px; font-weight: normal; padding-bottom: 5px; padding-top: 5px; padding-right: 0;" align="right"><span class="woocommerce-Price-amount amount">5,00 <span class="woocommerce-Price-currencySymbol">$</span></span></td>
+				</tr>
+				<tr class="order-totals order-totals-total">
+					<th class="td text-align-left" scope="row" colspan="2" style="color: #636363; border: 0; vertical-align: middle; text-align: left; padding: 8px 12px; padding-bottom: 5px; padding-top: 5px; font-weight: bold; padding-left: 0;" align="left">
+						Total: </th>
+					<td class="td text-align-right" style="color: #636363; border: 0; vertical-align: middle; text-align: right; padding: 8px 12px; padding-bottom: 5px; padding-top: 5px; font-weight: bold; font-size: 20px; padding-right: 0;" align="right"><span class="woocommerce-Price-amount amount">65,00 <span class="woocommerce-Price-currencySymbol">$</span></span></td>
+				</tr>
+				<tr class="order-totals order-totals-payment_method order-totals-last">
+					<th class="td text-align-left" scope="row" colspan="2" style="color: #636363; border: 0; vertical-align: middle; text-align: left; padding: 8px 12px; font-weight: normal; padding-top: 5px; border-bottom: 1px solid rgba(0,0,0,.2); padding-bottom: 24px; padding-left: 0;" align="left">
+						Payment method: </th>
+					<td class="td text-align-right" style="color: #636363; border: 0; vertical-align: middle; text-align: right; padding: 8px 12px; font-weight: normal; padding-top: 5px; border-bottom: 1px solid rgba(0,0,0,.2); padding-bottom: 24px; padding-right: 0;" align="right">Direct bank transfer</td>
+				</tr>
+				<tr class="order-customer-note">
+					<td class="td text-align-left" colspan="3" style="color: #636363; border: 0; vertical-align: middle; text-align: left; padding: 8px 12px; border-bottom: 1px solid rgba(0,0,0,.2); padding-bottom: 24px; padding-top: 24px; padding-left: 0; padding-right: 0;" align="left">
+						<b>Customer note</b><br>
+						This is a customer note. Customers can add a note to their order on checkout.<br>
+						<br>
+						It can be multiple lines. If there’s no note, this section is hidden. </td>
+				</tr>
+			</tfoot>
+		</table>
+	</div>
+	<table id="addresses" cellspacing="0" cellpadding="0" border="0" style="width: 100%; vertical-align: top; margin-bottom: 0; padding: 0;" width="100%">
+		<tr>
+			<td class="font-family text-align-left" valign="top" width="50%" style='font-family: "Helvetica Neue",Helvetica,Roboto,Arial,sans-serif; text-align: left; border: 0; padding: 0;' align="left">
+				<b class="address-title" style='color: #3c3c3c; font-family: "Helvetica Neue",Helvetica,Roboto,Arial,sans-serif;'>Billing address</b>
+				<address class="address" style="color: #3c3c3c; font-style: normal; padding: 8px 0;">
+					John Doe<br>Company<br>123 Fake Street<br>Faketown, CA 12345<br>United States (US) <br><a target="_blank" href="tel:5555555555" style="color: #7f54b3; font-weight: normal; text-decoration: underline;">555-555-5555</a> <br>john@company.com </address>
+			</td>
+			<td class="font-family text-align-left" valign="top" width="50%" style='font-family: "Helvetica Neue",Helvetica,Roboto,Arial,sans-serif; text-align: left; padding: 0;' align="left">
+				<b class="address-title" style='color: #3c3c3c; font-family: "Helvetica Neue",Helvetica,Roboto,Arial,sans-serif;'>Shipping address</b>
+				<address class="address" style="color: #3c3c3c; font-style: normal; padding: 8px 0;">
+					John Doe<br>Company<br>123 Fake Street<br>Faketown, CA 12345<br>United States (US) <br><a target="_blank" href="tel:5555555555" style="color: #7f54b3; font-weight: normal; text-decoration: underline;">555-555-5555</a> </address>
+			</td>
+		</tr>
+	</table>
+	<br>
+	<table border="0" cellpadding="0" cellspacing="0" width="100%">
+		<tr>
+			<td class="email-additional-content" style='color: #3c3c3c; font-family: "Helvetica Neue",Helvetica,Roboto,Arial,sans-serif; padding: 32px 0 0;'>
+				<p style="text-align: center; margin: 0 0 16px;" align="center">Thanks for using mailpoet.plugin!</p>
+			</td>
+		</tr>
+	</table>
+	<!-- WooCommerce email template end -->
+	
+</div>
+<div class="mailpoet_block_highlight"></div>