YayMail - WooCommerce Email Customizer
  • Getting Started
    • Introduction
    • How to Install
    • Enter license key
    • System Requirements
    • How To Update YayMail
    • Uninstall and Delete
  • How It Works
    • Email Templates
    • Global Header and Footer
    • Settings
    • Addon
    • Preview Email
  • YayMail Main Customization Interface
    • The Elements Panel
      • Basic Elements
        • Embed a YayMail shortcode into a button
        • Add HTML and shortcode
        • Duplicate/Copy an Element
      • General Elements
      • WooCommerce Elements
        • Change Order Item Titles
      • Blocks
      • Drag and Drop Interface
      • Block-Based Live Editor
    • The Patterns Panel
      • Header
      • Footer
      • Banner
      • Pre-Designed Patterns
    • The Settings Panel
      • Global Settings
        • Customize with CSS
        • Hide Elements of Order Table
      • Email Settings
    • View History
  • Upper Toolbar
    • Shortcodes
    • Custom shortcode
    • Reset Templates
    • Import/copy template from
  • Visibility Control
  • Guides
    • Display coupons
    • Add column in order item table
  • Developer zone
    • Demo Plugin
    • Register Templates
      • Register new template
      • Email class
      • Render Templates content
    • Register Elements
      • Register New Elements
      • Element Class
      • Render Element content
      • Default element data
      • Custom Property Editor (coming soon)
    • Register Shortcodes
      • Register New Shortcodes
      • Shortcode Class
  • Integrations
    • Advanced Custom Fields (ACF) by WP Engine
    • Advanced Local Pickup for WooCommerce by Zorem
    • Back In Stock Notifier by codewoogeek
    • Checkout Field Editor by ThemeHigh
    • Checkout Field Editor by WooCommerce
    • Custom Order Status by Nuggethon
    • Custom Order Status by TycheSoftwares
    • Custom Order Status Manager for WooCommerce by Bright Plugins
    • Flexible Checkout Fields by WPDesk
    • FooEvents for WooCommerce
    • Shipment Tracking
    • Software Addon by WooCommerce
    • WooCommerce Admin Custom Order Fields by SkyVerge
    • WooCommerce Order Status Manager by SkyVerge
    • WooCommerce Show Attributes by Isabel Castillo
    • WPML & WooCommerce Multilingual
    • Weglot Translate
    • Loco Translate
    • TranslatePress/Polylang
    • Translate text in YayMail
    • User meta
  • Addons
    • Conditional Logic
    • WooCommerce Subscriptions
    • Germanized for WooCommerce
    • Dokan Multi Vendor
    • AutomateWoo
    • WooCommerce Follow Ups
    • WooCommerce Bookings
    • WooCommerce Gift Cards
    • Smart Coupons
    • WooCommerce Memberships and Teams for WooCommerce Memberships
    • WooCommerce Pre-Orders
    • Parcel Panel Order Tracking
    • WCFM Marketplace
    • Affiliate For WooCommerce
    • Back In Stock Notifications
    • PW WooCommerce Gift Cards
    • Appointments for WooCommerce
    • WooCommerce Bookings And Appointments by PluginHive
    • B2BKing
    • B2B Market
    • B2B & Wholesale Suite
    • TrackShip for WooCommerce
    • SG WooCommerce Order Approval
    • SUMO Subscriptions
    • SUMO Payment Plans
    • WooCommerce German Market
    • WC Vendors Marketplace
    • WooCommerce Print Invoices & Packing Lists
    • WooCommerce Deposits
    • WooCommerce Cart Abandonment Recovery by CartFlows
    • WooCommerce Waitlist
    • WooCommerce Simple Auctions
    • YITH Auctions for WooCommerce
    • YITH WooCommerce Stripe
    • YITH Membership
    • YITH Subscription
    • YITH Booking and Appointment
    • YITH WooCommerce Recover Abandoned Cart
    • YITH Wishlist
    • YITH Pre-Order
    • YITH Gift Cards
    • YITH Review For Discounts
    • YITH Multi Vendor
    • YITH WooCommerce Points and Rewards
    • YITH WooCommerce Request a Quote
    • YITH WooCommerce Affiliates
    • YITH WooCommerce Coupon Email System
    • YITH Advanced Refund System for WooCommerce
    • YITH Easy Login & Register Popup
    • YITH WooCommerce Delivery Date
    • WooCommerce Order Delivery Date Pro
    • Colissimo Shipping Methods for WooCommerce
    • WooCommerce Deposits & Partial Payments
    • Custom User Registration Fields by Addify
    • Quotes for WooCommerce
    • RMA Return Refund and Exchange For WooCommerce
    • License Manager for WooCommerce
    • WooCommerce Product Vendors
    • MultiVendorX
    • WooCommerce Stripe Payment Gateway
    • WooCommerce B2B
    • Order Cancellation Email To Customer
    • WooCommerce Order Delivery
    • Account Funds
    • TeraWallet for WooCommerce
    • Points And Rewards for WooCommerce
    • WooCommerce Split Orders
    • WP Crowdfunding
    • WooCommerce PDF Product Vouchers
    • MultiLocation Inventory & Order Routing
    • Woo Sell Services
    • WooCommerce Return & Warranty Management
    • WholesaleX
    • ShopMagic
    • WooCommerce Contact for Shipping Quote
    • MarketKing
    • AliDropship for WooCommerce
    • Custom Fields by Addify
  • Why Upgrade?
  • OTHER LINKS
    • FAQs
    • Troubleshooting
      • Continuous loading
      • Unable to save template
      • Unable to save Emoji
      • Unable to send test email
      • How to clear cache
      • How to use YayMail with GoDaddy
    • Changelog
    • Useful Links
      • AppSumo Deal
    • Support
      • How to pay without PayPal
      • How to renew the license key
      • How to change payment method
  • Articles
    • Design Tips
      • Customize Order Confirmation Email
      • Preview and Test Your Emails
      • Design a Black Friday Banner
      • Embed a Video in WooCommerce Email
      • Add Conditional Logic to WooCommerce Emails
    • Email Marketing
      • Setup Next Order Coupon in WooCommerce Emails
      • Automatically Send “Customer Invoice/Order Details" to Customers
      • Create Emails with Dynamic Content
      • Customize WooCommerce Membership Emails
      • Recover Abandoned Cart
    • Advanced Guides
      • Create WooCommerce Custom Emails Per Product
      • Customize ShopMagic Automation Emails
      • Create Custom Shortcode for YayMail
      • Translate Emails with Loco Translate
Powered by GitBook
On this page

Was this helpful?

  1. How It Works

Preview Email

PreviousAddonNextYayMail Main Customization Interface

Last updated 13 hours ago

Was this helpful?

The Preview Email tab allows you to instantly visualize how your email templates will appear to recipients. You can select different WooCommerce email types from the dropdown (e.g., New Order, Completed Order) and choose a sample order to preview with real dynamic data populated. This helps you verify that all placeholder variables render correctly.

Additionally, you can toggle between Desktop and Mobile view to ensure responsive design consistency across devices. Once satisfied with your layout and content, use the Send test email button to send a live preview directly to your inbox — perfect for final reviews or stakeholder approvals before going live.

Moreover, you can also check the class efficiently and easily to apply custom CSS.