{"id":2121,"date":"2026-10-12T05:53:43","date_gmt":"2026-10-12T05:53:43","guid":{"rendered":"https:\/\/wphtmega.com\/blog\/?p=2121"},"modified":"2026-10-14T08:48:33","modified_gmt":"2026-10-14T08:48:33","slug":"elementor-woocommerce-widgets","status":"publish","type":"post","link":"https:\/\/wphtmega.com\/blog\/elementor-woocommerce-widgets\/","title":{"rendered":"Elementor WooCommerce Widgets: What Each Store Page Needs"},"content":{"rendered":"\n<blockquote class=\"wp-block-quote is-layout-flow wp-block-quote-is-layout-flow\">\n<p class=\"wp-block-paragraph\"><strong>Quick answer:<\/strong> The Elementor WooCommerce widgets you need depend on the store page. Shop pages need product discovery. Product pages need clear product information and an Add to Cart button. Cart and checkout pages need a reliable buying flow. HT Mega offers three free Elementor WooCommerce widgets (WC: Categories, WC: Add To Cart, and WC: Pages). For a product grid or mini cart, this guide points to ShopLentor.<\/p>\n<\/blockquote>\n\n\n\n<p class=\"wp-block-paragraph\">Elementor WooCommerce widgets are drag-and-drop blocks that show live store data, like categories, buy buttons, and cart pages, inside Elementor. The right set depends on the page. A shop page needs product discovery. A product page needs a clear buy button. Cart and checkout pages need trust and speed.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">This guide goes page by page. For each widget, you get what it does, when to use it, one setup tip, and a Free or Pro label. It also says where HT Mega stops and where ShopLentor, built by the same team, fills the gap.<\/p>\n\n\n\n<div class=\"wp-block-rank-math-toc-block\" id=\"rank-math-toc\"><h2>Table of Contents<\/h2><nav><ul><li><a href=\"#which-elementor-woo-commerce-widgets-does-each-store-page-need\">Which Elementor WooCommerce widgets does each store page need?<\/a><\/li><li><a href=\"#what-are-elementor-woo-commerce-widgets\">What are Elementor WooCommerce widgets?<\/a><\/li><li><a href=\"#how-we-chose-these-elementor-woo-commerce-widgets\">How we chose these Elementor WooCommerce widgets<\/a><\/li><li><a href=\"#elementor-woo-commerce-widgets-for-shop-and-category-pages\">Elementor WooCommerce widgets for shop and category pages<\/a><ul><li><a href=\"#wc-categories-ht-mega-free\">WC: Categories (HT Mega \u00b7 Free)<\/a><\/li><li><a href=\"#product-grid-widgets-shop-lentor-free-plugin\">Product grid widgets (ShopLentor \u00b7 Free plugin)<\/a><\/li><\/ul><\/li><li><a href=\"#elementor-woo-commerce-widgets-for-single-product-pages\">Elementor WooCommerce widgets for single product pages<\/a><ul><li><a href=\"#wc-add-to-cart-ht-mega-free\">WC: Add To Cart (HT Mega \u00b7 Free)<\/a><\/li><li><a href=\"#image-magnifier-ht-mega-free\">Image Magnifier (HT Mega \u00b7 Free)<\/a><\/li><li><a href=\"#accordion-ht-mega-free\">Accordion (HT Mega \u00b7 Free)<\/a><\/li><li><a href=\"#countdown-ht-mega-free\">Countdown (HT Mega \u00b7 Free)<\/a><\/li><li><a href=\"#360-rotation-ht-mega-pro\">360 Rotation (HT Mega \u00b7 Pro)<\/a><\/li><\/ul><\/li><li><a href=\"#elementor-woo-commerce-widgets-for-cart-and-checkout-pages\">Elementor WooCommerce widgets for cart and checkout pages<\/a><ul><li><a href=\"#wc-pages-ht-mega-free\">WC: Pages (HT Mega \u00b7 Free)<\/a><\/li><li><a href=\"#side-mini-cart-shop-lentor-pro\">Side Mini Cart (ShopLentor \u00b7 Pro)<\/a><\/li><li><a href=\"#checkout-and-my-account-widgets-shop-lentor-pro-plus-a-free-module\">Checkout and My Account widgets (ShopLentor \u00b7 Pro, plus a free module)<\/a><\/li><\/ul><\/li><li><a href=\"#elementor-woo-commerce-widgets-for-promotions-and-trust\">Elementor WooCommerce widgets for promotions and trust<\/a><ul><li><a href=\"#copy-coupon-code-ht-mega-pro\">Copy Coupon Code (HT Mega \u00b7 Pro)<\/a><\/li><li><a href=\"#special-day-offer-ht-mega-free\">Special Day Offer (HT Mega \u00b7 Free)<\/a><\/li><li><a href=\"#sales-notification-ht-mega-module-free\">Sales Notification (HT Mega module \u00b7 Free)<\/a><\/li><li><a href=\"#testimonial-ht-mega-free\">Testimonial (HT Mega \u00b7 Free)<\/a><\/li><\/ul><\/li><li><a href=\"#quick-comparison-table\">Quick comparison table<\/a><\/li><li><a href=\"#example-workflow-add-buy-focused-elements-to-a-product-page\">Example workflow: add buy-focused elements to a product page<\/a><\/li><li><a href=\"#common-mistakes-with-elementor-woo-commerce-widgets\">Common mistakes with Elementor WooCommerce widgets<\/a><\/li><li><a href=\"#free-vs-pro-what-you-can-do-with-each\">Free vs Pro: what you can do with each<\/a><\/li><li><a href=\"#conclusion\">Conclusion<\/a><\/li><li><a href=\"#frequently-asked-questions\">Frequently Asked Questions<\/a><ul><\/ul><\/li><\/ul><\/nav><\/div>\n\n\n\n<h2 id=\"which-elementor-woo-commerce-widgets-does-each-store-page-need\" class=\"wp-block-heading\">Which Elementor WooCommerce widgets does each store page need?<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Start here for the short answer.<\/p>\n\n\n\n<figure class=\"wp-block-table\"><table class=\"has-fixed-layout\"><tbody><tr><th>Store page<\/th><th>Must-have<\/th><th>Optional<\/th><th>Skip unless needed<\/th><\/tr><tr><td>Homepage<\/td><td>Category display<\/td><td>Promotions, testimonials<\/td><td>Sales popups<\/td><\/tr><tr><td>Shop and category<\/td><td>Product listing, category navigation<\/td><td>Filters, grid and list toggle<\/td><td>Heavy animation<\/td><\/tr><tr><td>Single product<\/td><td>Title, price, images, Add to Cart<\/td><td>Accordion, image zoom, Countdown<\/td><td>360 Rotation<\/td><\/tr><tr><td>Cart<\/td><td>Clear totals, checkout button<\/td><td>Mini cart<\/td><td>Extra popups<\/td><\/tr><tr><td>Checkout<\/td><td>Visible totals, working payment form<\/td><td>Layout styling<\/td><td>Distracting decoration<\/td><\/tr><tr><td>My Account<\/td><td>Orders and account access<\/td><td>Custom account layout<\/td><td>Extra widgets<\/td><\/tr><\/tbody><\/table><\/figure>\n\n\n\n<h2 id=\"what-are-elementor-woo-commerce-widgets\" class=\"wp-block-heading\">What are Elementor WooCommerce widgets?<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Elementor WooCommerce widgets are Elementor elements built to work with WooCommerce data. Instead of coding a template, you drag a widget onto the page and style it. When your catalog changes, the widget updates on its own.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Two sources provide them. Elementor Pro includes a WooCommerce Builder, and Elementor&#8217;s <a target=\"_blank\" rel=\"noopener\" href=\"https:\/\/elementor.com\/help\/elementor-editor\/online-commerce\/woocommerce-widgets\">Help Center<\/a> lists its Cart, Checkout, and My Account widgets. Addon plugins like HT Mega and ShopLentor add more. HT Mega&#8217;s WordPress.org FAQ says its library works with free Elementor.<\/p>\n\n\n\n<h2 id=\"how-we-chose-these-elementor-woo-commerce-widgets\" class=\"wp-block-heading\">How we chose these Elementor WooCommerce widgets<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">A widget made the list only if it passed four checks:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>It does a job on a specific store page.<\/strong> Nothing is here just because it looks good.<\/li>\n\n\n\n<li><strong>Its Free or Pro status is confirmed<\/strong> on HT Mega&#8217;s widgets page, the HT Mega WordPress.org listing, or the ShopLentor WordPress.org listing.<\/li>\n\n\n\n<li><strong>It has a clear setup path<\/strong> in the plugin&#8217;s docs.<\/li>\n\n\n\n<li><strong>It is fair to say who needs it.<\/strong> If most stores can skip a widget, we say so.<\/li>\n<\/ul>\n\n\n\n<p class=\"has-palette-color-5-background-color has-background wp-block-paragraph\">We did not run speed tests for this article, so you will not find benchmark numbers here. Test every widget on your own site. You can browse the full <a target=\"_blank\" rel=\"noopener\" href=\"https:\/\/wphtmega.com\/elementor-widgets\/\">HT Mega widget library<\/a> to see what else is available.<\/p>\n\n\n\n<h2 id=\"elementor-woo-commerce-widgets-for-shop-and-category-pages\" class=\"wp-block-heading\">Elementor WooCommerce widgets for shop and category pages<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Shoppers decide fast on these pages. Your job is to give them a clear path to the right products.<\/p>\n\n\n\n<nav class=\"wp-block-stackable-table-of-contents stk-block-table-of-contents stk-block stk-3a6b5c5\" data-block-id=\"3a6b5c5\"><style>.stk-3a6b5c5 ol{list-style-type:decimal !important;}<\/style><p class=\"stk-table-of-contents__title\">Table of Contents<\/p><ol class=\"stk-table-of-contents__table\"><li><a href=\"#wc-categories-ht-mega-free\">WC: Categories (HT Mega \u00b7 Free)<\/a><\/li><li><a href=\"#product-grid-widgets-shop-lentor-free-plugin\">Product grid widgets (ShopLentor \u00b7 Free plugin)<\/a><\/li><li><a href=\"#wc-add-to-cart-ht-mega-free\">WC: Add To Cart (HT Mega \u00b7 Free)<\/a><\/li><li><a href=\"#image-magnifier-ht-mega-free\">Image Magnifier (HT Mega \u00b7 Free)<\/a><\/li><li><a href=\"#accordion-ht-mega-free\">Accordion (HT Mega \u00b7 Free)<\/a><\/li><li><a href=\"#countdown-ht-mega-free\">Countdown (HT Mega \u00b7 Free)<\/a><\/li><li><a href=\"#360-rotation-ht-mega-pro\">360 Rotation (HT Mega \u00b7 Pro)<\/a><\/li><li><a href=\"#wc-pages-ht-mega-free\">WC: Pages (HT Mega \u00b7 Free)<\/a><\/li><li><a href=\"#side-mini-cart-shop-lentor-pro\">Side Mini Cart (ShopLentor \u00b7 Pro)<\/a><\/li><li><a href=\"#checkout-and-my-account-widgets-shop-lentor-pro-plus-a-free-module\">Checkout and My Account widgets (ShopLentor \u00b7 Pro, plus a free module)<\/a><\/li><li><a href=\"#copy-coupon-code-ht-mega-pro\">Copy Coupon Code (HT Mega \u00b7 Pro)<\/a><\/li><li><a href=\"#special-day-offer-ht-mega-free\">Special Day Offer (HT Mega \u00b7 Free)<\/a><\/li><li><a href=\"#sales-notification-ht-mega-module-free\">Sales Notification (HT Mega module \u00b7 Free)<\/a><\/li><li><a href=\"#testimonial-ht-mega-free\">Testimonial (HT Mega \u00b7 Free)<\/a><\/li><\/ol><\/nav>\n\n\n\n<h3 id=\"wc-categories-ht-mega-free\" class=\"wp-block-heading\">WC: Categories (HT Mega \u00b7 Free)<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">The <a target=\"_blank\" rel=\"noopener\" href=\"https:\/\/wphtmega.com\/widget\/elementor-woocommerce-categories-widget\/\">WC: Categories widget<\/a> shows your product categories with images. Use it on the homepage, the shop page, or a landing page so shoppers can jump to the right section. In the settings, you can change the number of columns and how many categories appear.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"810\" height=\"505\" src=\"https:\/\/wphtmega.com\/blog\/wp-content\/uploads\/2026\/10\/wc-categories.webp\" alt=\"Add Categories widget\" class=\"wp-image-2124\" srcset=\"https:\/\/wphtmega.com\/blog\/wp-content\/uploads\/2026\/10\/wc-categories.webp 810w, https:\/\/wphtmega.com\/blog\/wp-content\/uploads\/2026\/10\/wc-categories-300x187.webp 300w, https:\/\/wphtmega.com\/blog\/wp-content\/uploads\/2026\/10\/wc-categories-768x479.webp 768w\" sizes=\"auto, (max-width: 810px) 100vw, 810px\" \/><figcaption class=\"wp-element-caption\">Category widget<\/figcaption><\/figure>\n\n\n\n<p class=\"has-palette-color-5-background-color has-background wp-block-paragraph\"><strong>Setup tip:<\/strong> show your best-selling categories first, then check the grid on a phone. For a deeper look, read our guide to <a target=\"_blank\" rel=\"noopener\" href=\"https:\/\/wphtmega.com\/blog\/top-woocommerce-category-widgets\/\">WooCommerce category widgets<\/a>.<\/p>\n\n\n\n<h3 id=\"product-grid-widgets-shop-lentor-free-plugin\" class=\"wp-block-heading\">Product grid widgets (ShopLentor \u00b7 Free plugin)<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">HT Mega does not have a product grid widget. ShopLentor does, and it is one of the Elementor WooCommerce widgets worth adding for a shop page. Its <a target=\"_blank\" rel=\"noopener\" href=\"https:\/\/wordpress.org\/plugins\/woolentor-addons\/\">WordPress.org listing<\/a> names a Product Grid plus Modern, Editorial, Magazine, and Luxury layouts, and says the plugin works with free Elementor and WooCommerce. Product Grid also appears among the features listed for the free version.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Use a grid on your shop page or on a sale landing page.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Setup tip:<\/strong> pick one layout and keep it the same across category pages. Check the listing before you plan around the newer layout variants, because it does not label each one Free or Pro.<\/p>\n\n\n\n<h2 id=\"elementor-woo-commerce-widgets-for-single-product-pages\" class=\"wp-block-heading\">Elementor WooCommerce widgets for single product pages<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">A product page has one main job: make the next step obvious.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Start with the basics: title, price, images, rating, and an Add to Cart button. Elementor&#8217;s Single Product template and its matching widgets need Elementor Pro, according to <a target=\"_blank\" rel=\"noopener\" href=\"https:\/\/elementor.com\/help\/woocommerce-single-product-builder\/\">Elementor&#8217;s Help Center<\/a>. ShopLentor lists Elementor WooCommerce widgets for the title, price, gallery, and rating. HT Mega covers the buy button with WC: Add To Cart.<\/p>\n\n\n\n<h3 id=\"wc-add-to-cart-ht-mega-free\" class=\"wp-block-heading\">WC: Add To Cart (HT Mega \u00b7 Free)<\/h3>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"810\" height=\"489\" src=\"https:\/\/wphtmega.com\/blog\/wp-content\/uploads\/2026\/10\/add-to-cart-widget-ht-mega.webp\" alt=\"Add to cart widget\" class=\"wp-image-2126\" srcset=\"https:\/\/wphtmega.com\/blog\/wp-content\/uploads\/2026\/10\/add-to-cart-widget-ht-mega.webp 810w, https:\/\/wphtmega.com\/blog\/wp-content\/uploads\/2026\/10\/add-to-cart-widget-ht-mega-300x181.webp 300w, https:\/\/wphtmega.com\/blog\/wp-content\/uploads\/2026\/10\/add-to-cart-widget-ht-mega-768x464.webp 768w\" sizes=\"auto, (max-width: 810px) 100vw, 810px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">The <a target=\"_blank\" rel=\"noopener\" href=\"https:\/\/wphtmega.com\/widget\/elementor-woocommerce-add-to-cart-widget\/\">WC: Add To Cart widget<\/a> puts a buy button where your design needs it, not only where the theme placed it. In Elementor, search for &#8220;WC: Add To Cart&#8221; and choose the one with the HT badge, as the HT Mega docs describe.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Setup tip:<\/strong> keep the button visible without scrolling on mobile. If you want shoppers to add items without a page reload, ShopLentor lists a free Single Product Ajax Cart module.<\/p>\n\n\n\n<h3 id=\"image-magnifier-ht-mega-free\" class=\"wp-block-heading\">Image Magnifier (HT Mega \u00b7 Free)<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\"><a target=\"_blank\" rel=\"noopener\" href=\"https:\/\/wphtmega.com\/widget\/elementor-image-magnifier-widget\/\">Image Magnifier<\/a> adds a zoom effect to an image. Use it for products where detail matters, like fabric texture, jewelry, or ports on electronics. It is a general image widget, so check how it works with your product gallery before you replace any gallery.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Setup tip:<\/strong> upload images large enough to zoom, then compress them so the page stays light.<\/p>\n\n\n\n<h3 id=\"accordion-ht-mega-free\" class=\"wp-block-heading\">Accordion (HT Mega \u00b7 Free)<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">The Accordion widget hides long answers behind short headings. Use it for shipping, returns, size help, and FAQs. Returns matter. In Baymard&#8217;s list of reasons for abandonment, an unsatisfactory returns policy accounts for 13% (excluding shoppers who were just browsing), according to <a target=\"_blank\" rel=\"noopener\" href=\"https:\/\/baymard.com\/lists\/cart-abandonment-rate\">Baymard<\/a>, last updated September 22, 2025.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Setup tip:<\/strong> put a one-line returns summary in the first panel and link to the full policy.<\/p>\n\n\n\n<h3 id=\"countdown-ht-mega-free\" class=\"wp-block-heading\">Countdown (HT Mega \u00b7 Free)<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\"><a target=\"_blank\" rel=\"noopener\" href=\"https:\/\/wphtmega.com\/widget\/elementor-countdown-widget\/\">Countdown<\/a> shows a timer. Use it only for a real deadline, like the end of a sale. A fake timer costs you trust.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Setup tip:<\/strong> match the end time to your WooCommerce sale schedule, so the page and the price end together.<\/p>\n\n\n\n<h3 id=\"360-rotation-ht-mega-pro\" class=\"wp-block-heading\">360 Rotation (HT Mega \u00b7 Pro)<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">360 Rotation gives shoppers an interactive 360\u00b0 view, according to the HT Mega plugin listing. Use it where shape matters, like shoes or gadgets. Most stores do not need it.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Setup tip:<\/strong> use it on your top few products only, because each extra image set adds page weight.<\/p>\n\n\n\n<h2 id=\"elementor-woo-commerce-widgets-for-cart-and-checkout-pages\" class=\"wp-block-heading\">Elementor WooCommerce widgets for cart and checkout pages<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">This is where sales are lost. Baymard Institute tracks the average cart abandonment rate at 70.19%, per its <a target=\"_blank\" rel=\"noopener\" href=\"https:\/\/baymard.com\/research\/checkout-usability\">cart and checkout research page<\/a> (accessed October 12, 2026). Its survey found that 17% of US online shoppers abandoned an order because the checkout was too long or complicated. Design cannot fix prices, but it can keep the form clean and the costs visible.<\/p>\n\n\n\n<h3 id=\"wc-pages-ht-mega-free\" class=\"wp-block-heading\">WC: Pages (HT Mega \u00b7 Free)<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">The <a target=\"_blank\" rel=\"noopener\" href=\"https:\/\/wphtmega.com\/widget\/elementor-woocommerce-cart-page-widget\/\">WC: Pages widget<\/a> lets you pick your cart or checkout page from a dropdown, display it in an Elementor layout, and style it. Per the docs, cart styling covers the table heading and body. Checkout styling covers labels, inputs, payment, and order review. You turn it on under HTMega Addons &gt; Settings &gt; Third Party.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"592\" src=\"https:\/\/wphtmega.com\/blog\/wp-content\/uploads\/2026\/10\/third-party-widgets-1024x592.webp\" alt=\"Third Party Widget\" class=\"wp-image-2125\" srcset=\"https:\/\/wphtmega.com\/blog\/wp-content\/uploads\/2026\/10\/third-party-widgets-1024x592.webp 1024w, https:\/\/wphtmega.com\/blog\/wp-content\/uploads\/2026\/10\/third-party-widgets-300x173.webp 300w, https:\/\/wphtmega.com\/blog\/wp-content\/uploads\/2026\/10\/third-party-widgets-768x444.webp 768w, https:\/\/wphtmega.com\/blog\/wp-content\/uploads\/2026\/10\/third-party-widgets.webp 1506w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">Use it when you want a branded cart or checkout without a full builder. It styles the page you pick. It does not rebuild the checkout structure.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Setup tip:<\/strong> after styling, place a test order on mobile and desktop to confirm every field still works. Test it with the cart and checkout setup your store uses.<\/p>\n\n\n\n<h3 id=\"side-mini-cart-shop-lentor-pro\" class=\"wp-block-heading\">Side Mini Cart (ShopLentor \u00b7 Pro)<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">HT Mega has no mini cart widget. ShopLentor lists a Side Mini Cart, a slide-out cart drawer, among its Pro modules. Use it when shoppers add several items, and you do not want to send them to the cart page each time.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Setup tip:<\/strong> make sure the drawer shows the checkout button clearly, then test it on a small phone screen.<\/p>\n\n\n\n<h3 id=\"checkout-and-my-account-widgets-shop-lentor-pro-plus-a-free-module\" class=\"wp-block-heading\">Checkout and My Account widgets (ShopLentor \u00b7 Pro, plus a free module)<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">ShopLentor lists Checkout, My Account, and Thank You page widgets as Pro. It also lists a Shopify Style Checkout as a free module. Choose these when WC: Pages styling is not enough, and you need to change the checkout layout itself.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Setup tip:<\/strong> change one thing at a time and re-test payment after each change.<\/p>\n\n\n\n<h2 id=\"elementor-woo-commerce-widgets-for-promotions-and-trust\" class=\"wp-block-heading\">Elementor WooCommerce widgets for promotions and trust<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">These widgets are not WooCommerce-specific, but they work well on store pages.<\/p>\n\n\n\n<h3 id=\"copy-coupon-code-ht-mega-pro\" class=\"wp-block-heading\">Copy Coupon Code (HT Mega \u00b7 Pro)<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\"><a target=\"_blank\" rel=\"noopener\" href=\"https:\/\/wphtmega.com\/widget\/elementor-copy-coupon-code-widget\/\">Copy Coupon Code<\/a> creates a click-to-copy coupon, per the plugin listing. Use it in a sale banner so shoppers do not have to type a code.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Setup tip:<\/strong> create the coupon in WooCommerce first and test it at checkout before you publish the banner.<\/p>\n\n\n\n<h3 id=\"special-day-offer-ht-mega-free\" class=\"wp-block-heading\">Special Day Offer (HT Mega \u00b7 Free)<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Special Day Offer is built for holiday and event promotions. Use it for seasonal campaigns on your homepage or a landing page.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Setup tip:<\/strong> plan the discount in WooCommerce first, then design the offer around it.<\/p>\n\n\n\n<h3 id=\"sales-notification-ht-mega-module-free\" class=\"wp-block-heading\">Sales Notification (HT Mega module \u00b7 Free)<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">The <a target=\"_blank\" rel=\"noopener\" href=\"https:\/\/wphtmega.com\/modules\/sales-notification\/\">Sales Notification module<\/a> can show recent WooCommerce orders or custom notifications, according to HT Mega&#8217;s docs. Use real order data on stores with steady orders. Use custom notifications for announcements, and do not present made-up activity as real customer orders.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Setup tip:<\/strong> space notifications 10 to 15 seconds apart, as the docs suggest, and keep them off checkout so nothing distracts from payment.<\/p>\n\n\n\n<h3 id=\"testimonial-ht-mega-free\" class=\"wp-block-heading\">Testimonial (HT Mega \u00b7 Free)<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">The Testimonial widget displays customer reviews. Use it on landing pages and category pages.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Setup tip:<\/strong> use real customer words, and keep each quote short.<\/p>\n\n\n\n<h2 id=\"quick-comparison-table\" class=\"wp-block-heading\">Quick comparison table<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Here are all the Elementor WooCommerce widgets from this guide in one place.<\/p>\n\n\n\n<figure class=\"wp-block-table\"><table class=\"has-fixed-layout\"><tbody><tr><th>Widget<\/th><th>Store page<\/th><th>Use case<\/th><th>Provider<\/th><th>Free\/Pro<\/th><\/tr><tr><td>WC: Categories<\/td><td>Shop, home<\/td><td>Show categories<\/td><td>HT Mega<\/td><td>Free<\/td><\/tr><tr><td>Product Grid<\/td><td>Shop<\/td><td>Show products<\/td><td>ShopLentor<\/td><td>Free plugin<\/td><\/tr><tr><td>WC: Add To Cart<\/td><td>Product<\/td><td>Buy button<\/td><td>HT Mega<\/td><td>Free<\/td><\/tr><tr><td>Image Magnifier<\/td><td>Product<\/td><td>Zoom on detail<\/td><td>HT Mega<\/td><td>Free<\/td><\/tr><tr><td>Accordion<\/td><td>Product<\/td><td>Shipping, returns, FAQ<\/td><td>HT Mega<\/td><td>Free<\/td><\/tr><tr><td>Countdown<\/td><td>Product, landing<\/td><td>Real sale deadline<\/td><td>HT Mega<\/td><td>Free<\/td><\/tr><tr><td>360 Rotation<\/td><td>Product<\/td><td>360\u00b0 view<\/td><td>HT Mega<\/td><td>Pro<\/td><\/tr><tr><td>WC: Pages<\/td><td>Cart, checkout<\/td><td>Style the page<\/td><td>HT Mega<\/td><td>Free<\/td><\/tr><tr><td>Side Mini Cart<\/td><td>Site-wide<\/td><td>Slide-out cart<\/td><td>ShopLentor<\/td><td>Pro<\/td><\/tr><tr><td>Checkout and My Account widgets<\/td><td>Checkout, account<\/td><td>Custom layouts<\/td><td>ShopLentor<\/td><td>Pro<\/td><\/tr><tr><td>Copy Coupon Code<\/td><td>Promo, landing<\/td><td>Click-to-copy coupon<\/td><td>HT Mega<\/td><td>Pro<\/td><\/tr><tr><td>Special Day Offer<\/td><td>Home, landing<\/td><td>Seasonal offers<\/td><td>HT Mega<\/td><td>Free<\/td><\/tr><tr><td>Sales Notification<\/td><td>Shop, product<\/td><td>Live sales popups<\/td><td>HT Mega<\/td><td>Free<\/td><\/tr><tr><td>Testimonial<\/td><td>Landing, category<\/td><td>Social proof<\/td><td>HT Mega<\/td><td>Free<\/td><\/tr><\/tbody><\/table><\/figure>\n\n\n\n<h2 id=\"example-workflow-add-buy-focused-elements-to-a-product-page\" class=\"wp-block-heading\">Example workflow: add buy-focused elements to a product page<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">This is a generic workflow for using Elementor WooCommerce widgets, not a case study. Before you start, make sure WooCommerce, Elementor, and HT Mega are active, and that you have an editable Single Product layout. Elementor&#8217;s Single Product template needs Elementor Pro, and ShopLentor lists a Single Product Page Builder that works with free Elementor. Your options depend on your theme, Elementor plan, and any builder plugin.<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li>Open the Single Product template in Elementor. Sketch the layout: images on the left, buy details on the right, extra details below.<\/li>\n\n\n\n<li>Go to HTMega Addons &gt; Settings &gt; Third Party and enable WC: Add To Cart.<\/li>\n\n\n\n<li>Drag the WC: Add To Cart widget into the buy column. Pick the one with the HT badge.<\/li>\n\n\n\n<li>Add an Accordion below with panels for Shipping, Returns, and FAQ.<\/li>\n\n\n\n<li>Running a sale? Add a Countdown above the button with a real end date.<\/li>\n\n\n\n<li>Preview on mobile, then tablet. Add a product to the cart from a phone-sized screen. For variable products, test variation selection on each variation.<\/li>\n\n\n\n<li>Run Google PageSpeed Insights before and after, and remove anything that slows the page more than it helps.<\/li>\n<\/ol>\n\n\n\n<p class=\"has-palette-color-5-background-color has-background wp-block-paragraph\">For a longer walkthrough, read our guide to <a target=\"_blank\" rel=\"noopener\" href=\"https:\/\/wphtmega.com\/blog\/build-woocommerce-product-page-with-elementor\/\">building a WooCommerce product page with Elementor<\/a>.<\/p>\n\n\n\n<h2 id=\"common-mistakes-with-elementor-woo-commerce-widgets\" class=\"wp-block-heading\">Common mistakes with Elementor WooCommerce widgets<\/h2>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Turning on every widget.<\/strong> HT Mega lets you switch widgets on and off in settings. Enable only what you use. Its 3.1.0 release in May 2026 also improved conditional frontend asset loading, according to the plugin changelog on WordPress.org.<\/li>\n\n\n\n<li><strong>Skipping mobile checks.<\/strong> A layout that looks neat on desktop can push the buy button below the fold on a phone.<\/li>\n\n\n\n<li><strong>Hiding costs.<\/strong> In Baymard&#8217;s list, 12% of abandoners could not see the total order cost up front. Show shipping and tax early.<\/li>\n\n\n\n<li><strong>Forcing an account.<\/strong> Baymard&#8217;s list shows 18% abandoned because the site wanted them to create one. Offer guest checkout.<\/li>\n\n\n\n<li><strong>Using fake urgency.<\/strong> Countdown timers should match real deadlines.<\/li>\n\n\n\n<li><strong>Styling checkout without test orders.<\/strong> One broken payment field costs more than any design gain.<\/li>\n\n\n\n<li><strong>Assuming free Elementor covers every one of the Elementor WooCommerce widgets.<\/strong> Elementor&#8217;s own Cart, Checkout, and My Account widgets are part of Elementor Pro.<\/li>\n<\/ul>\n\n\n\n<h2 id=\"free-vs-pro-what-you-can-do-with-each\" class=\"wp-block-heading\">Free vs Pro: what you can do with each<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Here is what each plugin offers for Elementor WooCommerce widgets, based on the pages we checked.<\/p>\n\n\n\n<figure class=\"wp-block-table\"><table class=\"has-fixed-layout\"><tbody><tr><th>Plugin<\/th><th>Free<\/th><th>Pro<\/th><\/tr><tr><td>HT Mega<\/td><td>WC: Categories, WC: Add To Cart, WC: Pages, Countdown, Special Day Offer, Image Magnifier, Accordion, Tab, Testimonial, Sales Notification module<\/td><td>Copy Coupon Code, 360 Rotation, and other Pro widgets and modules<\/td><\/tr><tr><td>ShopLentor<\/td><td>Product Grid, Single Product Ajax Cart, Shopify Style Checkout, Redirect to Checkout, Grid\/List View Toggle<\/td><td>Cart, Checkout, My Account, and Thank You builders, Side Mini Cart, Quick Checkout<\/td><\/tr><tr><td>Elementor Pro<\/td><td>Not applicable<\/td><td>WooCommerce Builder, with Cart, Checkout, and My Account widgets<\/td><\/tr><\/tbody><\/table><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">One note on requirements. HT Mega&#8217;s WordPress.org FAQ says Elementor Pro is not mandatory. Its pricing page adds that some advanced features may need it. <\/p>\n\n\n\n<p class=\"has-palette-color-5-background-color has-background wp-block-paragraph\">Check each feature before you buy. Plans change with offers, so see the current <a href=\"https:\/\/wphtmega.com\/pricing\/\" target=\"_blank\" rel=\"noopener\">HT Mega pricing<\/a>.<\/p>\n\n\n\n<h2 id=\"conclusion\" class=\"wp-block-heading\">Conclusion<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">The best set of Elementor WooCommerce widgets is the smallest one that covers each page. Start with categories, a clear buy button, and a styled cart and checkout. Add promotion and trust widgets only after the basics work. Then test on mobile.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">HT Mega covers the basics with three free Elementor WooCommerce widgets. When you need a product grid, mini cart, or full checkout builder, <a target=\"_blank\" rel=\"noopener\" href=\"https:\/\/woolentor.com\/\">ShopLentor<\/a> is the natural next step. Want to try it? <a target=\"_blank\" rel=\"noopener\" href=\"https:\/\/wordpress.org\/plugins\/ht-mega-for-elementor\/\">Download the free HT Mega plugin<\/a> and build one page first.<\/p>\n\n\n\n<h2 id=\"frequently-asked-questions\" class=\"wp-block-heading\">Frequently Asked Questions<\/h2>\n\n\n<div id=\"rank-math-faq\" class=\"rank-math-block\">\n<div class=\"rank-math-list \">\n<div id=\"faq-question-1791781109245\" class=\"rank-math-list-item\">\n<h3 class=\"rank-math-question \">What are Elementor WooCommerce widgets?<\/h3>\n<div class=\"rank-math-answer \">\n\n<p>Elementor WooCommerce widgets are drag-and-drop elements that display WooCommerce data, such as categories, buy buttons, and cart pages. You style them in Elementor instead of editing code. They update when your store data changes.<\/p>\n\n<\/div>\n<\/div>\n<div id=\"faq-question-1791781118190\" class=\"rank-math-list-item\">\n<h3 class=\"rank-math-question \">Do I need Elementor Pro to use Elementor WooCommerce widgets?<\/h3>\n<div class=\"rank-math-answer \">\n\n<p>Elementor&#8217;s own WooCommerce Builder and its Cart, Checkout, and My Account widgets are part of Elementor Pro. Addons like HT Mega and ShopLentor add Elementor WooCommerce widgets that their listings say work with free Elementor. Check the requirements for each feature.<\/p>\n\n<\/div>\n<\/div>\n<div id=\"faq-question-1791781126922\" class=\"rank-math-list-item\">\n<h3 class=\"rank-math-question \">Which Elementor WooCommerce widgets does HT Mega include?<\/h3>\n<div class=\"rank-math-answer \">\n\n<p>HT Mega includes three Elementor WooCommerce widgets: WC: Categories, WC: Add To Cart, and WC: Pages. All three are labeled Free on HT Mega&#8217;s widgets page. It also offers general widgets, such as Countdown and Accordion, that work well on store pages.<\/p>\n\n<\/div>\n<\/div>\n<div id=\"faq-question-1791781139172\" class=\"rank-math-list-item\">\n<h3 class=\"rank-math-question \">Does HT Mega have a product grid or mini cart widget?<\/h3>\n<div class=\"rank-math-answer \">\n\n<p>No. HT Mega&#8217;s widgets page lists no product grid, product carousel, or mini cart. ShopLentor offers a Product Grid in its free plugin and a Side Mini Cart as a Pro module.<\/p>\n\n<\/div>\n<\/div>\n<div id=\"faq-question-1791781150574\" class=\"rank-math-list-item\">\n<h3 class=\"rank-math-question \">Can I style my WooCommerce cart and checkout page with Elementor?<\/h3>\n<div class=\"rank-math-answer \">\n\n<p>Yes. HT Mega&#8217;s WC: Pages widget lets you choose a cart or checkout page and style it, but it is not a full checkout builder. Elementor Pro and ShopLentor Pro also offer cart and checkout widgets.<\/p>\n\n<\/div>\n<\/div>\n<div id=\"faq-question-1791781161604\" class=\"rank-math-list-item\">\n<h3 class=\"rank-math-question \">Do Elementor WooCommerce widgets slow down my store?<\/h3>\n<div class=\"rank-math-answer \">\n\n<p>They can, like any plugin feature. Enable only the widgets you use, compress images, and compare PageSpeed Insights results before and after you add each one.<\/p>\n\n<\/div>\n<\/div>\n<div id=\"faq-question-1791781174557\" class=\"rank-math-list-item\">\n<h3 class=\"rank-math-question \">Which widgets should a small store start with?<\/h3>\n<div class=\"rank-math-answer \">\n\n<p>Start with WC: Categories, WC: Add To Cart, and a tested cart and checkout. Add Elementor WooCommerce widgets for promotions, like Countdown or Copy Coupon Code, only when you run a real campaign.<\/p>\n\n<\/div>\n<\/div>\n<\/div>\n<\/div>","protected":false},"excerpt":{"rendered":"<p>Quick answer: The Elementor WooCommerce widgets you need depend on the store page. Shop pages need product discovery. Product pages need clear product information and an Add to Cart button. Cart and checkout pages need a reliable buying flow. HT Mega offers three free Elementor WooCommerce widgets (WC: Categories, WC: Add To Cart, and WC: [&hellip;]<\/p>\n","protected":false},"author":3,"featured_media":2128,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[7],"tags":[],"class_list":["post-2121","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-elementor-tips"],"blocksy_meta":[],"_links":{"self":[{"href":"https:\/\/wphtmega.com\/blog\/wp-json\/wp\/v2\/posts\/2121","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/wphtmega.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/wphtmega.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/wphtmega.com\/blog\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/wphtmega.com\/blog\/wp-json\/wp\/v2\/comments?post=2121"}],"version-history":[{"count":4,"href":"https:\/\/wphtmega.com\/blog\/wp-json\/wp\/v2\/posts\/2121\/revisions"}],"predecessor-version":[{"id":2143,"href":"https:\/\/wphtmega.com\/blog\/wp-json\/wp\/v2\/posts\/2121\/revisions\/2143"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/wphtmega.com\/blog\/wp-json\/wp\/v2\/media\/2128"}],"wp:attachment":[{"href":"https:\/\/wphtmega.com\/blog\/wp-json\/wp\/v2\/media?parent=2121"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/wphtmega.com\/blog\/wp-json\/wp\/v2\/categories?post=2121"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/wphtmega.com\/blog\/wp-json\/wp\/v2\/tags?post=2121"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}