<h2>Preview emails without placing orders</h2>
The Email Previewer for WooCommerce extension helps you to instantly preview changes made to WooCommerce email templates via a modal.
<h2>Features</h2>
<ul>
<li>Preview your WooCommerce emails instantly.</li>
<li>Preview your WooCommerce emails via modal in the WP admin dashboard itself without any redirection on the site.</li>
<li>Site admins can see previews of emails without placing actual orders to generate previews.</li>
<li>Preview emails can be generated using completed orders.</li>
<li>Site admin can send test email. (New)</li>
</ul>
<h2>Benefits</h2>
<ol>
<li>The extension is nimble and simple to integrate.</li>
<li>It saves time—quickly preview changes made to email templates.</li>
<li>Preview changes made directly via modal.</li>
</ol>
<h2>Supported extensions</h2>
<ul>
<li><a href="https://woocommerce.com/products/woocommerce-subscriptions">WooCommerce Subscriptions</a></li>
<li><a href="https://woocommerce.com/products/woocommerce-memberships">WooCommerce Memberships</a></li>
<li><a href="//woocommerce.com/products/woocommerce-bookings/">WooCommerce Bookings</a></li>
<li><a href="//woocommerce.com/products/stripe/">WooCommerce Stripe</a></li>
<li><a href="//woocommerce.com/products/bulk-updater-for-woocommerce-subscriptions/">Bulk Updater for WooCommerce Subscriptions</a></li>
<li><a href="//woocommerce.com/products/email-reminders-for-woocommerce-subscriptions/">Email Reminders for WooCommerce Subscriptions</a></li>
<li><a href="https://woocommerce.com/products/ultimate-refunds/">Ultimate Refunds</a></li>
<li><a href="https://woocommerce.com/products/ultimate-raffle/">Ultimate Raffle</a></li>
<li><a href="https://woocommerce.com/products/ultimate-payment-plans/">Ultimate Payment Plans</a></li>
<li><a class="row-title" href="https://woocommerce.com/products/ultimate-order-approval/">Ultimate Order Approval</a></li>
</ul>
<h3>Other integrations</h3>
<ul>
<li>Enhancements for WooCommerce Points and Rewards by AspiringPlugins</li>
<li>WooCommerce Deposits and Payment Plans – Lite by AspiringPlugins</li>
</ul>
<h2>How does it work?</h2>
In WooCommerce, if you want to view how your emails look after making changes, you have to place an actual order or perform the desired order-related action to a previously placed order to view the changes. With Email Previewer for WooCommerce, you can easily preview changes made to emails instantly by inputting a previously placed order ID. You can also preview changes made in WooCommerce Subscriptions’ emails by inputting a previously placed Subscription ID.
Preview options
<img class="alignnone wp-image-18734006187076 size-full" src="https://woocommerce.com/wp-content/uploads/2021/10/emails-preview.png" alt="" width="1645" height="2446" />
Input your Order ID to preview an email
<img class="alignnone wp-image-18734006187093 size-full" src="https://woocommerce.com/wp-content/uploads/2021/10/order-email-preview-inputs-1.png" alt="" width="985" height="266" />
Your email preview will look like this:
<img class="alignnone wp-image-18734006187081 size-full" src="https://woocommerce.com/wp-content/uploads/2021/10/processing-order-email-preview.png" alt="" width="983" height="802" />
Preview the changes made in WooCommerce Subscriptions emails by inputting a previously placed Subscription ID.
<img class="alignnone wp-image-18734006187077 size-full" src="https://woocommerce.com/wp-content/uploads/2021/10/subs-expired-email-preview-inputs.png" alt="" width="986" height="245" />
Your Subscription email preview will look like this:
<img class="alignnone wp-image-18734006187078 size-full" src="https://woocommerce.com/wp-content/uploads/2021/10/subs-expired-email-preview.png" alt="" width="980" height="800" />
To send test email
Site admin can send test emails in a single click which saves more time for them to see the desired output. By default, the email will be sent to the admin email address.
<img class="alignnone size-full wp-image-18734003580613" src="https://woocommerce.com/wp-content/uploads/2021/10/Send-Mail.png" alt="" width="968" height="258" />
<hr class="wccom-product-heading__hr" />
<div class="woo-sc-box" style="border-left-color: #007cba">
Check out our other best-selling and popular extensions for WooCommerce below,
<ul>
<li><a href="https://woocommerce.com/products/ultimate-payment-plans/">Ultimate Payment Plans or Deposits</a></li>
<li><a href="https://woocommerce.com/products/ultimate-raffle/">Ultimate Raffle</a></li>
<li><a href="https://woocommerce.com/products/ultimate-tax-exemption/">Ultimate Tax Exemption</a></li>
<li><a href="https://woocommerce.com/products/ultimate-refunds/">Ultimate Refunds</a></li>
<li><a class="row-title" href="https://woocommerce.com/products/ultimate-order-approval/">Ultimate Order Approval</a></li>
</ul>
</div>

Email Previewer

Preview changes made to WooCommerce email templates instantly via modal without redirection.

<ul class="wccom-tick-list-primary">
<li style="font-weight: 400">Create country, product, and category-specific size guides</li>
<li style="font-weight: 400">Help customers pick the right fit and minimize size confusion </li>
<li style="font-weight: 400">Increase sales and reduce returns due to wrong sizing </li>
<li style="font-weight: 400">Display different size guides in different countries to match your audience </li>
<li style="font-weight: 400">Choose a size chart format to maximize conversions </li>
</ul>
<hr />
<h2 style="text-align: center">Create Multiple Custom Size Guides</h2>
Standard sizes vary from country to country, which is why many users struggle with online shopping. For stores selling apparel and shoes, the right size charts are crucial, but many fail to use them the right way. Apparels have a staggering 24% return rate, which is the highest compared to other categories in the US. The top reason for these returns is wrong sizing issues.
The WooCommerce Size Chart extension can easily avoid these returns. The plugin lets you create and customize multiple-size charts for your store, suited to your products and customer needs. This will make it easy for customers to choose the right size and give them the confidence to make the purchase.
You can display country-specific size charts to cater to an international audience and show size charts as buttons or popups. For convenience, you can upload a size chart image or add a table using the WYSIWYG editor. The size charts are highly customizable and can be attached to all or specific products and categories as required.
<h2>Product use-cases</h2>
<img class="alignnone size-full wp-image-18734003836529" src="https://woocommerce.com/wp-content/uploads/2020/05/size-chart-infographic-2-1.jpg" alt="size chart for woocommerce" width="980" height="602" /> 
Features:
<ul>
<li>Add multiple-size charts and attach them to relevant products, categories, and countries.</li>
<li>Create a size chart table or simply upload a size chart image.</li>
<li>Attach size charts by product tags (New)</li>
<li>Import and export size charts using a CSV file (New)</li>
<li>Add a size chart in the product tab or display it in a popup using a button.</li>
<li>Choose from multiple popup positions (New)</li>
<li>Choose from multiple popup animation effects (New)</li>
<li>Add size chart button after price, description, add to cart, or product meta.</li>
<li>Choose from multiple popup icons (New)</li>
<li>Customize button background and text color.</li>
<li>Customize size chart tab display order.</li>
<li>Create use role-specific size charts (New)</li>
<li>Add custom color for table rows and columns.</li>
<li>Style size charts the way you want using custom CSS (New)</li>
<li>Option to add table border.</li>
</ul>
<h2>Create multiple-size charts for different types of products</h2>
Add multiple customized size charts according to your product catalog on your store. Create size guides manually or add a size chart image. For each size chart, you can insert descriptions to explain the sizing. Quickly adjust chart dimensions and choose color schemes for various elements. As you create a new size chart, you can add as many rows and columns as needed and adjust color schemes accordingly.
<img class="alignnone size-full wp-image-18734005299530" src="https://woocommerce.com/wp-content/uploads/2020/05/woocommerce-size-chart-1.png" alt="woocommerce size chart" width="980" height="458" />
<h2>Show the size chart in a button</h2>
Using the WooCommerce size chart extension, you can show the size guide as a button on the product page. The size chart button and the table itself are highly customizable and you can style it the way you want to.
<img class="alignnone size-full wp-image-18734005299534" src="https://woocommerce.com/wp-content/uploads/2020/05/woocommerce-size-chart-2.png" alt="woocommerce size chart" width="980" height="558" />
<h2>Show size chart in a Tab</h2>
Instead of displaying in a popup, you can choose to show size charts in a tab. While showing the size chart in a product tab, you can customize the following options:
<ul>
<li>Tab label</li>
<li>Size chart styling</li>
<li>Size chart content</li>
</ul>
<img class="alignnone size-full wp-image-18734005299545" src="https://woocommerce.com/wp-content/uploads/2020/05/woocommerce-size-chart-3.png" alt="" width="874" height="699" />
<h2>Show picture-based size charts</h2>
Instead of creating an entire size chart and then styling it, you can just get a size chart designed in the dimensions of your liking and display it on product pages.
<img class="alignnone size-full wp-image-18734005299551" src="https://woocommerce.com/wp-content/uploads/2020/05/woocommerce-size-chart-4.png" alt="woocommerce size chart" width="870" height="695" />

Size Chart for WooCommerce

With size chart extension, merchants can now create multiple size guides and attach them to relevant products and categories.

Email Previewer vs Size Chart for WooCommerce