<h2>Preview emails without placing orders</h2>
<p>The <strong>Email Previewer for WooCommerce</strong> extension helps you to instantly preview changes made to WooCommerce email templates via a modal.</p>
<h2>Features</h2>
<ul>
<li><strong>Preview</strong> your WooCommerce emails <strong>instantly</strong>.</li>
<li><strong>Preview</strong> your WooCommerce emails<strong> via modal</strong> in the WP admin dashboard itself without any redirection on the site.</li>
<li>Site admins can see previews of emails <strong>without placing actual orders</strong> to generate previews.</li>
<li>Preview emails can be generated using <strong>completed orders</strong>.</li>
<li>Site admin can <strong>send test email</strong>. <strong><span style="color: blue">(New)</span></strong></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><strong><a class="row-title" href="https://woocommerce.com/products/ultimate-order-approval/">Ultimate Order Approval</a></strong></li>
</ul>
<h3>Other integrations</h3>
<ul>
<li><strong>Enhancements for WooCommerce Points and Rewards</strong> <em>by AspiringPlugins</em></li>
<li><strong>WooCommerce Deposits and Payment Plans – Lite</strong> <em>by AspiringPlugins</em></li>
</ul>
<h2>How does it work?</h2>
<p>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 <strong>Email Previewer for WooCommerce</strong>, 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.</p>
<p><strong>Preview options</strong></p>
<p><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" /></p>
<p>Input your Order ID to preview an email</p>
<p><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" /></p>
<p>Your email preview will look like this:</p>
<p><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" /></p>
<p>Preview the changes made in WooCommerce Subscriptions emails by inputting a previously placed Subscription ID.</p>
<p><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" /></p>
<p>Your Subscription email preview will look like this:</p>
<p><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" /></p>
<p><strong>To send test email</strong></p>
<p>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.</p>
<p><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" /></p>
<hr class="wccom-product-heading__hr" />
<div class="woo-sc-box" style="border-left-color: #007cba">
<p><em>Check out our other best-selling and popular extensions for <strong>WooCommerce </strong>below,</em></p>
<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><strong><a class="row-title" href="https://woocommerce.com/products/ultimate-order-approval/">Ultimate Order Approval</a></strong></li>
</ul>
</div>

Email Previewer

<p>Preview changes made to WooCommerce email templates instantly via modal without redirection.</p>

<div class="woo-sc-box" style="background: #fff;border: 1px solid #cfb9f6;border-left-width: 1px !important;border-radius: 5px;color: #000000;margin: 2em 0;padding: 17px">
<h2>Highlights</h2>
<ul class="wccom-tick-list-secondary" style="line-height: 1.8em;color #ffffff;margin-bottom: 18px">
<li><strong>Add visually appealing tag images to enhance customer experience</strong></li>
<li><strong>Convey key product information, such as brand, size, or features, using recognizable images</strong></li>
<li><strong>Improve navigation by helping customers identify products faster through visual cues</strong></li>
<li><strong>Boost engagement and conversions with attractive, professional-looking product displays</strong></li>
<li><strong>Simplify product discovery by associating specific tags with clear, intuitive visuals</strong></li>
</ul>
</div>
<p>When making purchase decisions, customers often bypass lengthy product descriptions in favor of quick details. Product tags play a crucial role in conveying key product characteristics — such as material, purpose, style, size, brand, and more.</p>
<p>The <strong>Custom Product Tag Image for Woocommerce</strong> extension allows merchants to incorporate images into product tags. These images can be added to both existing and new product tags and displayed on product and listing pages.</p>
<p>Using engaging tag images in place of extensive paragraphs can significantly impact customers. For instance, if you offer a money-back guarantee on your products, including a corresponding tag image alongside mentioning it in the content can increase visibility. Visual information is processed more easily than written content, making tag images a powerful tool for conveying important product information to customers.</p>
<p><img class="alignnone size-full wp-image-18734004456578" src="https://woocommerce.com/wp-content/uploads/2020/09/Picture2.png" alt="" width="980" height="693" /></p>
<h2>Features</h2>
<ul>
<li>Customize images on existing or new tags of your products</li>
<li>Turn the visibility of tags on and off for product and listing pages</li>
<li>Choose from six different tag image display positions on the product and listing page:
<ul>
<li>After the product description</li>
<li>Before the product description</li>
<li>After the product price</li>
<li>Before the product price</li>
<li>After the add-to-cart button</li>
<li>Before the add-to-cart button</li>
</ul>
</li>
<li>Show tags in multiple display formats:
<ul>
<li>Text</li>
<li>Icon</li>
<li>Both (text and icon)</li>
</ul>
</li>
<li>Add shapes to your tag images:
<ul>
<li>Square</li>
<li>Round</li>
</ul>
</li>
<li>Select the font size and family customize product tags</li>
<li>Display all tags anywhere by pasting the shortcode: <code>[ka_tag_display]</code></li>
</ul>
<h2>Uses by industry</h2>
<p>This product tag image extension is versatile enough to be used for various industries. Here are some of the common uses:</p>
<ul>
<li><b>Fashion stores</b> commonly tag such as <em>best sellers, </em><span style="font-weight: 400"><em>on sale, new arrivals,100% cotton, free size, and custom design</em>.</span></li>
<li><b>Food stores</b> often use tags such as <em>certified halal, beef, chicken, low calories, spice levels, sauces, veggies</em>, or any other key detail.</li>
<li><b>Medicinal products</b> often use tags such as <em>prescription required, mg dosage, 18+, pain relief, and other medical formulas</em>.</li>
<li><b>Nutritional products</b> commonly use tags like <em>100% organic, high protein, sugar-free, whole grain, low carb, rich in Omega-3</em>, and more.</li>
</ul>
<p><img class="alignnone size-full wp-image-18734004456583" src="https://woocommerce.com/wp-content/uploads/2020/09/custom-product-tag-images-for-woocommerce-1.gif" alt="" width="505" /></p>
<h2>Display custom tag images on product and listing pages</h2>
<p>Elevate your product and listing pages’ look by adding custom product tag images. This highly customizable extension enables merchants to tailor the look and feel of the tag section in whichever way they see fit. From font to icon shape, every option is customizable in this extension.</p>
<p><img class="alignnone size-full wp-image-18734004456694" src="https://woocommerce.com/wp-content/uploads/2020/09/custom-product-tag-image-for-woocommerce-33.png" alt="custom product tag image for woocommerce" width="980" height="840" /></p>
<div class="woocommerce-message">
<h3 style="text-align: center">Make your products stand out — add custom product tag images today.</h3>
<p style="text-align: center"><a class="wccom-button is-primary" style="width: 130px;margin: 24px auto 0" href="https://woocommerce.com/?add-to-cart=6515948"><span class="wccom-button__text">Buy now</span></a></p>
</div>
<h2>Multiple placement options to choose from</h2>
<p>Choose between multiple placement options on product and listing pages to find the best position to display product tag images. For example, users can choose to place tag images before or after the product description, before or after the product price, and many more. These options help customers make an informed decision, as the product’s key information will be displayed in the most relevant places.</p>
<p><img class="alignnone size-full wp-image-18734004456603" src="https://woocommerce.com/wp-content/uploads/2020/09/custom-product-tag-images-for-woocommerce-4.gif" alt="" width="876" /></p>
<h2>Display tags as text, an icon, or both</h2>
<p>Using this extension, merchants can decide to display product tag images as text, icons, or a combination of both. For example, if the admin wants to convey a quick message, adding bold text like “best-seller” can fulfill the need. Alternatively, if the goal is to provide information like “limited-time offer,” then using a clock icon along with the text can persuade customers to act quickly before the deal expires.</p>
<p><img class="alignnone size-full wp-image-18734004456692" src="https://woocommerce.com/wp-content/uploads/2020/09/custom-product-tag-image-for-woocommerce-22-1.png" alt="" width="980" height="154" /></p>
<h2>Customize the look and feel of tags</h2>
<p>The Custom Product Tag Image extension for WooCommerce allows users to customize product tags with images, text, and shapes. After adding an image, you can customize the title text, color and shape for the particular product tag.</p>
<p>For example, if you want to create a fear of missing out (FOMO) situation for customers about a sale, you can highlight the sale title with red color, increase its font, and change its shape (round, square, etc.) to attract attention. In this way, you can customize the look of product image tags freely and quickly.</p>
<p><img class="alignnone size-full wp-image-18734004456698" src="https://woocommerce.com/wp-content/uploads/2020/09/custom-product-tag-image-for-woocommerce-101.png" alt="c" width="980" height="852" /></p>
<h2>Documentation</h2>
<p>For more information on how to add tag images and how to customize their layout and display, <a href="https://woocommerce.com/document/custom-product-tag-image/">review the documentation</a>.</p>
<h2>PHP version requirement</h2>
<p>The minimum PHP version required to run this extension is 7.4.</p>

Custom Product Tag Image

<p><span style="font-weight: 400">Add images to product tags and display them on product and listing pages to provide a more visually informative shopping experience.</span></p>

Email Previewer vs Custom Product Tag Image