YayMail – WooCommerce vs Zion Builder – Website Builder for Speed & Creativity

Your brand deserves emails that shine. ✨ YayMail is the #1 Free drag-and-drop email template customizer that lets you design stunning, branded emails effortlessly. No coding required. Plus, expand your design possibilities with premade blocks and extensive plugin compatibility. QUICK ADMIN DEMO | YAYMAIL PRO 💎 👋 Works with Any WooCommerce Themes Brandy Kadence OceanWP GeneratePress Astra Storefront Neve Kubio YITH Wonder NEW RELEASES YayMail Addon for PDF Invoices & Packing Slips by WP Overnight YayMail Addon for YITH Donations Here’s how YayMail makes email customization easy: 30+ elements are built-in Real-time visual editing with instant preview Duplicate elements or sections in one click You can select an order to check the email with the actual data Personalize each email with tons of shortcodes Custom logo, brand colors, and typography controls Import/export templates quickly One-click to send a test email Premade patterns and blocks Free vs Pro | YayMail Addons When combined with YayMail Premium Addons, you will unlock the visual email designer integration to go with 80+ third-party WooCommerce plugins. With YayMail, you can drag and drop elements to the email templates. Each element makes a block in the WooCommerce visual email editor. It is very easy to edit content and design email layouts, just like you do with the Gutenberg editor or Elementor page builder. Exclusively, you can also send personalized email templates using shortcodes, placeholders, and WooCommerce conditional logic. ⚡️ FEATURES The YayMail free version allows you to add unlimited elements to create html email template: Custom WooCommerce Email Templates Unlike Kadence Woo Commerce email designer, this email customizer allows you to create extra blocks to add to your email templates, creating a unique and memorable brand identity for your store. Drag and Drop Interface Easy to navigate between the element sidebar and the editing area to customise email block elements. Edit Everything You can edit content, layout, and design of email header, email body, visual footer, signature, social follow module, and more. It means that all your communication with your customers will finally match the rest of your branding. Stylish Social Icons It comes with predesigned icons for your chosen social media platforms, including Facebook, Twitter/X, Instagram, Threads, TikTok, YouTube, Pinterest, website, and more! Visual Email Editor Design HTML email and live preview on the same screen. Apart from the full window view, you can take a look on desktop and mobile view. WooCommerce Preview Email The built-in previewer allows you to view a mockup order email, and also pick an existing order placed in your store to view its actual email. Powerful Shortcodes You have a variety of placeholders for order details, customer details, billing info, shipping, payment, new user info, additional order metadata, etc. Literally, everything you need to establish a strong brand impression! Send Test Email One-click to send a test email template to make sure it looks good on different email clients & devices. Export/Import Email Templates YayMail allows you to export and import full sets of email templates. This can be useful if you want to back up your customized email templates, move them to another website, or share them with other sub-sites. In case you want to reuse a winning email template in a Black Friday campaign, you can also generate a .json file containing an individual email and import it as needed. Fully Customize 11 WooCommerce Order Email Template New Order Email Order Cancelled Email Order Failed Email Order On-Hold Email: first order status or payment pending sent to customer Order Processing Email: order confirmation email template sent to customer Order Completed Email: order complete status with post-purchase interactions Order Refunded Email: notify customer about order refund request Customer Invoice Email: manually send personalized invoice to customer Customer Note Email: manually send custom note and additional information to customer Customer New Account Email: welcome email template for new customer Customer Reset Password Email: password reset instructions and useful resources sent to customer BLOCK ELEMENTS TO ENHANCE YOUR EMAIL DESIGN: You can fine-tune the design of WooCommerce email templates globally or individually with custom CSS. Looking for ways to add extra content? Here are a few ideas: Order details, order table items, woocommerce order tracking Smart coupon, personalized coupons, active discount campaigns, gift messages Shipping quotes, client quotes, request a quote Social interactions, social rewards, rewards and points Checkout fields, custom checkout field editor Order confirmation page Checkout phone, shipping module Member info, membership page Payment plans, b2b payments, partial payment Order signature, mail signature, delivery note Shop’s color palette, banners, animation, and other media assets Brand voice, imagery, iconography, shop locations, etc. Add WooCommerce hooks in email template 💥 YAYMAIL PRO While YayMail Free provides full customizability for 11 default WooCommerce email templates, YayMail Pro supports many other plugins. It helps you show hooks, tables, custom fields, attributes, email meta fields, and other variables in your outgoing transactional emails. This WooCommerce email designer’s third-party integrations include but are not limited to: Shipment Tracking by WooCommerce Checkout Field Editor by WooCommerce Order Status Manager by SkyVerge Admin Custom Order Fields by SkyVerge Advanced Shipment Tracking by Zorem YITH WooCommerce Order Tracking Flexible Checkout Fields by WPDesk Custom Order Status by TycheSoftwares Checkout Field Editor by ThemeHigh WooCommerce Show Attributes Back In Stock Notifier | WooCommerce Waitlist Pro by codewoogeek Pagar.me for WooCommerce WPML | WooCommerce Multilingual Polylang, TranslatePress, Loco Translate, Weglot, GTranslate, and more! 🧠 CONDITIONAL LOGIC (Premium Only) For more flexibility and personalization, YayMail Conditional Logic allows you to quickly add extra email blocks based on your conditions. Related products Recommended products Customer loyalty rewards for specific buyers WooCommerce custom email per product ➡️ View Demo 🦄 YAYMAIL ADDONS YayMail Addons are separate plugins and must be used along with either YayMail Free or Pro version. With YayMail Addons, you have a huge amount of flexibility to what can be put in your order notifier. Then, the customized emails/notes to admin, vendors, members, subscribers, and customers can carry your brand info and content. That said, if you’re using one of the extensions below, you have to buy its YayMail Addon to design those extra email templates: WooCommerce Subscriptions & Enhancer for WooCommerce Subscriptions (Get Addon) WooCommerce Bookings (Get Addon) AutomateWoo (Get Addon) WooCommerce Pre-Orders (Get Addon) Germanized (Get Addon) German Market (Get Addon) YITH Gift Cards (Get Addon) YITH Membership (Get Addon) WooCommerce Stripe Payment Gateway (Get Addon) B2BKing (Get Addon) WholesaleX – WooCommerce Wholesale Plugin (Get Addon) Dokan Multivendor Marketplace Solution (Get Addon) View all YayMail Addons → Happy Customizing! 💛

Zion Builder in action – TRY IT NOW WORDPRESS PAGE BUILDER FEATURES Elements and templates at your fingertips Add elements and pre-made templates right where you need them from the page builder “Add Elements” Popup. This popup gives access to pre-made layouts, elements, and to the Library System. Unified system of options Every element has the same easy to use and intuitive options pattern found in the “Element Options” panel. It consists of 3 main tabs: general, styling and advanced. The general tab contains options specific to the edited element, the style tab contains options that can be used to style every aspect of the element while the advanced tab contains options for changing the element name, id, animations and more. Global styles To apply the same styles on multiple elements, Global CSS Classes were implemented. They can be styled either from the page options panel or from the Element options panel. No coding skills required. Live responsive editing Visually decide the sizes, colors, or positioning of the elements for each screen. This means that any changes made to the mobile view, will only appear on that device and it will not affect the other devices, which will still maintain the original design options. Custom rich text on click The inline editor is triggered on text click and provides options such as font family, size, weight, spacing, alignment, or text-transform. It can also be dragged anywhere on the screen so it doesn’t interfere with the design. Gradient background Multiple gradients may be layered by making use of color opacity. When set a lower opacity of gradient colors, other gradient layers become visible. This is a powerful and unique feature that lets you add a distinctive touch to your design. History of actions Saving system, history of your actions, post revisions, users permissions, or easily discard changes give you the power of becoming the sole creator of your website. Shortcuts for undo and redo are also available. Design features The following extra design features come built-in the Panel Element Options: Blending Background, ColorPicker, Pseudo – selectors, Element’s motion control, Flexbox control, Powerful background image, Filters, Borders, Shadows, Typography, Transform, Transitions. Library system It contains the actions needed to import and export library parts and access to Zion library that provides hundreds of pre-made templates. Dragging size and spacing Live edit the margins, padding and size by dragging the element outline toolbar. Moving elements Repositioning the elements is done with simple dragging and dropping anywhere in the page or in the tree-view. A blueish line is the hint of the new position. Keyboard shortcuts The most used and intuitive keys were implemented to ensure the accessibility of user actions. Discard changes A unique feature of Zion Builder is the “display” of a green dot showing the options that have changed. No more looking around to check each option to see if it was changed. Top right toolbar shortcuts This toolbar appears only when hovering an element and gives the possibility to access the options panel, to save, hide, duplicate, or delete the element. Custom workspace The user is able to open, close, drag, and resize the panels according to his needs. The main panel can be dragged on the left or right side of the page. Right click actions By right clicking on an element ( from the preview page or tree view panels ) a custom menu appears with the main set of actions needed: copy, edit, remove, duplicate, hide, save, cut, discard, and copy element styles. Searchable options We implemented a search system so that you can easily find any option needed. No more looking around the options panel to search the exact option. This greatly improves the learning curve for new users. Flexbox control Control the alignment of your content ( the child or the parent elements ) to be vertical, horizontal, or center. All the flex-box rules are implemented in the display section of Panel Element Options. Pseudo-selectors “Hover” state of an element combined with the independent composition of elements brings a powerful design that otherwise would have been achieved only with custom code. Element’s motion control From the advanced tab in the edit element panel, you can add movement to the elements. There are ready to use animations such as fade, slide, zoom, etc. An animated element will start it’s animation only when it is visible on the page. Post revisions The builder uses the WordPress revisions feature. With each page save, a new page revision is also created allowing the user to go to a previous version of the page. Extendable options Built with PHP and Vue JS, the builder can be easily extended by adding new elements, adding new option types and custom conditions for the theme builder. Renaming elements Locating the correct element to interact with can be difficult when developing a complex web page. So you can rename your elements to get easily identified. On top of this, each element can be identified by its unique icon. RTL support Zion Page Builder supports RTL which is vital for languages that are read from right-to-left (rather than left-to-right). WORDPRESS PAGE BUILDER PREMIUM FEATURES Zion Builder Pro – Innovative plugin that comes to complete Zion Builder with many awesome features and elements which are meant to help users build their websites in no-time. Access to complete style options One of the things users love about Zion Builder Pro is the ability to fine tune almost every CSS property directly from the options panel. Combine this with the ability to change the styling for responsive devices and pseudo selectors so you have complete control over the page design. Dynamic content for various fields Replace static content from elements that are managed in WordPress with dynamic ones. Ability to upload custom fonts Zion Builder Pro makes it really easy to add custom fonts to your website. After uploading your font files to Zion Builder, your newly added fonts will be available in the editor at typography settings. Ability to use Adobe fonts Integration with Adobe Fonts was thought even from the beginning because this is a feature designers need. Ability to upload custom icons Importing custom icon packs created with Zion Builder Pro has never been easier. Any new icon pack added will be available in Zion Builder icon library. Role Manager Managing user’s permissions is done from Zion Builder’s dashboard. You can have full control of what users can edit. Custom CSS With custom CSS you can fine-tune the styling. Add custom CSS to elements and/or pages. Custom JavaScript With PRO, the page functionality may be extended by adding a JavaScript code which is only rendered on the current page Complex Accordions and Tabs elements With PRO the Accordions and Tabs elements accept nested elements as content. This is a powerful feature that lets you create unique designs. Access to PRO templates and elements With PRO you have access to premium design templates that you can import with just one click. Access to global colors Global Colors and Gradients have the superpower to edit a color or a gradient in one place and have those changes take effect everywhere that color is used. Access to global gradients Try out the Global Gradients yourself and you’ll see how you can spice up the design of your website while saving time. Access to PRO shape dividers Add extra spice to the design and users will love them. Take total visual control of your layouts and escape from theme limitations with Zion Builder Pro BE A CONTRIBUTOR If you want to help, go to our Zion Builder GitHub Repository. From there you can help us by opening new feature requests tickets as well as reporting bugs. Even more, if you’re a developer and want to improve or add a new feature to the builder, you can create a pull request. DOCUMENTATION AND SUPPORT For documentation and tutorials visit Zion Builder’s Help Center. For more information about features check out our website at Zion Builder website builder. Need more help? We are here to help you anytime – Just join the Zion Builder Community. Connect with us Follow us on Facebook Follow us on Instagram Follow us on Twitter Subscribe to our YouTube channel Undocumented use of a 3rd Party / external service To improve the user experience, Zion Builder may use the following 3rd party services if the required feature is enabled: Google Fonts – are loaded to add additional fonts to your website. Google’s TOS and Privacy Policy Local Google fonts through https://gwfh.mranftl.com/ . This service is used to download and serve Google fonts locally. It does not store any user information. Some features require loading assets from zionbuilder.io. These assets are not used for tracking unless explicitly mentioned. Learn more in our TOS and Privacy Policy.