WooCommerce blocks
WooCommerce blocks for every part of your store
90 blocks for the WordPress block editor – 39 of them free – that WooCommerce does not have: product and category carousels, mega menus, live search, wishlist, compare, swatches, quick view, a free shipping bar and a checkout in steps. Every block shows the products of your own store.
Free WooCommerce blocks · WooCommerce product blocks · Category and brand blocks · Shop features · Header and navigation blocks · Content and design blocks · Effects and rules for every block
The basics
What are WooCommerce blocks?
WooCommerce blocks are blocks of the WordPress block editor (Gutenberg) that show store content – products, categories, prices, reviews, the cart and the checkout.
More than WooCommerce has
WooCommerce comes with blocks such as Product Collection, Cart and Checkout. Envo Blocks adds designed product and category sections, store headers, product page features and promotions.
Your own products
The product, category and review blocks read your store, so they show your products, prices, stock and ratings – and change with them.
No page builder
Everything works in the WordPress block editor: in pages and in the templates, header and footer of a block theme.
Fast by design
A block loads its CSS and JavaScript only on the pages where it is used, so a page carries only what it shows.
17 · Free
Free WooCommerce blocks
Shop blocks in the free Envo Blocks plugin on WordPress.org – for the product page, the cart, trust and the orders after checkout.
Free Shipping Bar Free
Shows how much is missing to free shipping (threshold from the shipping zones or set manually).
Stock Indicator Free
"Only 3 left in stock" with a bar, from the real stock that WooCommerce counts. Optional "In stock" and "Out of stock"; it follows…
Customer Photos Free
Customers add photos to their product reviews; a gallery shows them with the stars and the words of the review. With PRO: review request…
Lowest Price Free
"Lowest price in the last 30 days" next to a discount, as the EU Omnibus rule asks – from the real price history that…
Product Filters Free
Filter the products by price, category, color, size, rating, stock and offers, with the number of products of every option and chips to remove…
Product Tabs Free
The tabs of the product page in your order and design: description, additional information, reviews, own tabs made of blocks, tabs per category and…
Payment QR Code Free
A QR code for orders paid by bank transfer: the customer scans it with the banking app and the account, amount and reference are…
Order Tracking Free
The WooCommerce order tracking form with a heading, a short text and your colors – for a "Track your order" page.
Wishlist Free
A Wishlist Button for the product page, a product template or any product, and the Wishlist block for the wishlist page with the price,…
Features Bar Free
A row of shop benefits with icons: free shipping, returns, support, secure payment and more.
Rating Summary Free
Average rating with stars and a breakdown of the 5★ to 1★ reviews, for the current product, a chosen product or the whole shop.
Coupon Code Box Free
Highlights a WooCommerce coupon with a copy button and an optional “Apply to cart” button.
Delivery Estimate Free
“Order within 2 h 15 min and we ship it today” with the estimated delivery date.
Trust Badges Free
Payment method icons and short guarantees (secure payment, returns, delivery) that build trust near the buy button, in the cart or in the footer.
Product Questions Free
Customers ask about a product on the product page, you answer in the dashboard and the answered questions show for everyone with a search…
13 · PRO
WooCommerce product blocks
Your products in carousels, mosaics, tabs, lists and deal boxes – with the real prices, stock and Add to cart of your store.
Product Mosaic PRO
Product tiles in mosaic layouts, optionally with description, price, sale badge and button.
Products Tabs PRO
Tabs that load different product sets (new, featured, on sale, best sellers, top rated or a category).
A full width section: text on the left third, a carousel of products with the active one in the middle and neighbours peeking out.
Product List PRO
A widget style list: small image on the left, title, price and button on the right.
Product Showcase PRO
One product at a time with a large image, a counter with a progress line, quantity and Add to cart. Up and down arrows…
A Load more button or infinite scroll instead of page numbers: the next products are added to the list without leaving the page. For…
6 · PRO
Category and brand blocks
Product categories and brands as carousels, mosaics, banners and showcases with their products.
A carousel of product categories with image, name and product count.
Brands Carousel PRO
A carousel of brand logos from the WooCommerce brands taxonomy (or your own logos).
Category Banners PRO
Category mosaic with a badge showing the best discount in the category and a button.
A category navigation with the products of the selected category next to it.
20 · PRO
Shop features
Swatches, quick view, compare, a checkout in steps, upsells, discounts and the other features shoppers know from big stores.
Colors, images and buttons instead of the variation dropdowns – the photo changes with the color, sold-out combinations are crossed out – and color…
Volume Pricing PRO
Quantity discounts set on the product – "3+ pieces: 10 % off" – in a table where a click sets the quantity. The cart…
Gift Cards & Loyalty Points PRO
Gift cards sold like products – the recipient gets a code by e-mail that pays in the cart until its balance is used up…
A small window in a corner of the shop with recent orders – "Emma from Boston bought iPhone 13 Pro · 3 hours ago"…
Request a Quote PRO
Catalog mode without prices and Add to cart – for everyone or only for guests – and with PRO a "Request a quote" button,…
Deals & Offers PRO
Discount rules that run your promotions: buy 2 get 1 free, a free gift with a product or from an order value, a percent…
Product Add-Ons PRO
Extra fields before Add to cart – engraving, gift wrap, a protection plan, accessories, a photo to print – with a price for every…
Price History Chart & Price Alert PRO
A chart of the price of a product in the last 30 to 365 days with the current, lowest and highest price, and "Notify…
Back in Stock PRO
"Notify me when it is available": on a sold-out product or variation visitors leave their e-mail and get one e-mail when it is in…
Frequently Bought Together PRO
The product with the products that go with it, check boxes, the total price and one "Add all to cart" button – from cross-sells,…
Compare PRO
Compare buttons on product images and a Compare Button, a compare bar, a comparison window with Show only differences, and comparison tables with chosen…
Popups PRO
Popups with any blocks – a centered window, a slide-in in a corner, a bar or the full screen – after some seconds, after…
Checkout Steps PRO
The WooCommerce checkout in steps – details, shipping, payment – with a progress bar, Continue and Back buttons and a summary of the finished…
Filter products by color, size or any attribute shown as swatches – in the shop and the categories, or anywhere else as a "shop…
Product Gallery (Vertical) PRO
Product images with the thumbnails in a column next to the main image or in a row below – swipe, zoom on hover, full…
A sale message with a countdown to a date, a time every day or a day of the week, a coupon code that copies…
Product Badges PRO
Automatic labels on the product images – discount in percent, Hot, Only 3 left, Sold out, New, Featured – and an own label per…
Quick View PRO
An eye button on the product images opens a window with the gallery, price, variations with swatches and Add to cart – without leaving…
A bar with the product, price and the Add to cart button that slides in when the visitor scrolls past the product's own button.…
Wholesale Prices PRO
Own prices for business customers – a wholesale price per product or a percent off the shop or a category – shown everywhere after…
7 · PRO
Header and navigation blocks
A store header that sells: mega menus, a live product search and a cart, account and wishlist that stay in view.
Mega Menu PRO
A navigation menu whose items open large panels with any blocks – columns of links, images, buttons, product carousels – or with the subcategories…
Product categories as a mega menu with panels of subcategories, images and a promo card. Horizontal bar or vertical "All categories"; an accordion on…
Sticky Account PRO
An account icon for your header or menu; when it scrolls out of view a floating account button appears next to the cart button.…
Product Search PRO
A search field that lists matching products with image, title and price while typing (from 3 characters by default), without loading a new page.
Sticky Cart PRO
A cart icon for your header or menu; when it scrolls out of view a floating cart button appears in a corner. Both open…
Sticky Wishlist PRO
A wishlist icon with the count and a drawer for the header, a floating button, hearts on the product images of every list, and…
Off-Canvas Panel PRO
A button that opens a side panel with any blocks – a menu, product filters, contact details or deals. Only on phones and tablets…
16 · Free & PRO
Content and design blocks
Sliders, tabs, pricing tables, headings, maps, countdowns and FAQs for the rest of the store – the home page, landing pages and help pages.
Advanced Heading Free
A heading of three parts with their own typography, background and border; the middle part rotates texts with an animation.
Pricing Table Free
Price plans with a crossed-out old price, billing period, badge, features and a button.
Map Free
A Google Maps or OpenStreetMap map as a background with any blocks on top of it – address, opening hours, a button. Can load…
Video Popup Free
A play button, or an image with a play button, that opens a YouTube, Vimeo, Dailymotion or own video in a pop-up window. Nothing…
Announcement Bar Free
A thin bar for free shipping, sales and news: messages that take turns, scroll as a ticker or sit side by side, with links,…
Countdown Free
Counts down to a date – a sale, a launch – or every day to a time on the days you choose, in the…
Opening Hours Free
Opening hours with a live "Open now · closes at …" status, today highlighted, lunch breaks, hours past midnight and special days such as…
FAQ Free
Frequently asked questions that open and close with a click, answers made of any blocks, four styles and your colors – with schema.org FAQPage…
Form Styler Free
A form of Contact Form 7, WPForms, Fluent Forms, Ninja Forms, Formidable Forms, Forminator or Gravity Forms in the look of your store: field…
Language Switcher Free
The languages of WPML, Polylang or TranslatePress as a dropdown or a row of links in your header or footer, with flags, names or…
Parallax Section Free
A section with an image or video background that moves slower than the page – or zooms – while you scroll, with any blocks…
Content Slider PRO
A slider where each slide has its own background (color, image or overlay) and can hold any blocks.
A cut-out with a transparent background over a decorative shape – circle, arch, blob, square, ring, sun – or over a background photo. With…
Content Switcher PRO
Switch between two or more versions of any content – annual and lifetime plans, monthly and yearly prices, men's and women's sizes. Every option…
Before / After PRO
Two images on top of each other with a handle between them – retouched product photos, before and after, day and night. Drag, click,…
3 · Free & PRO
Effects and rules for every block
Not blocks of their own: settings that every block gets – yours, WordPress or WooCommerce.
Entrance Animations Free
Any block – yours, WordPress or WooCommerce – comes in with a movement when it scrolls into view: fade, zoom, slide, bounce, flip, rotate…
Motion Effects PRO
Scrolling effects and mouse effects for any block: vertical and horizontal parallax, transparency, blur, rotate and scale while scrolling, a block that follows the…
Show or hide any block by rules – signed in or guest, role, device, browser, date, days and time, a URL parameter, the source,…
How it works
Add a WooCommerce block in three steps
01
Install the plugin
Install WooCommerce and the free Envo Blocks plugin. For the PRO blocks also activate Envo Blocks PRO with your license key.
02
Add the block
Open a page, or a template in Appearance › Editor, click + and search for the block by its name.
03
Make it yours
Pick the products or categories and set the layout, colors, spacing and typography in the sidebar. Its Documentation button opens the guide.
FAQ
Questions about WooCommerce blocks
Are these WooCommerce blocks free?
39 of them are free in the Envo Blocks plugin on WordPress.org. Envo Blocks PRO adds 51 more blocks and all the store templates – see pricing.
Do they replace the blocks of WooCommerce?
No. You keep using the Cart, Checkout and product blocks of WooCommerce. Envo Blocks adds blocks next to them – in the same editor, with the same products.
Do the blocks show my own products?
Yes. The product, category and review blocks read your WooCommerce store, so there are no demo products to delete.
Do I need a page builder or a special theme?
No page builder. The blocks work in the block editor with any WordPress block theme and take its fonts and colors. For the best result use our free Envo Blocks Store theme.
Will so many blocks slow my store down?
No. A block loads its styles and scripts only on the pages where it is used.
Where can I try them?
Every block has a live demo with several real configurations, and a guide in the documentation.
Every block your store needs
Start with the free blocks today and add PRO when you want every block, template and shop feature.