Noah Shop Builder for WooCommerce – Gutenberg Woo Builder, Woo Blocks & Woo Store Templates

Noah Shop Builder for WooCommerce is a comprehensive WooCommerce page builder designed specifically for the WordPress Gutenberg editor. Build beautiful, conversion-optimized online stores without writing a single line of code.

Noah is a Gutenberg Woo builder and Woo shop builder in one plugin. Use Woo blocks to design every page of your Woo store – single product, shop, product archive, cart, empty cart, checkout, thank-you and My Account – right inside the block editor. No Elementor or other page builder needed: it is a native Gutenberg WooCommerce builder with 50 WooCommerce blocks, starter templates and built-in Quick View, Wishlist and Variation Swatches modules.

Why Choose Noah Woo Builder?

• Gutenberg WooCommerce Builder – Build your whole Woo store with the WordPress block editor you already know.
• Woo Shop Builder – Design the shop page, category pages and product archives with sortable product grids and lists.
• Woo Product Page Builder – Build custom single product pages with gallery, price, add to cart, tabs, reviews and related products.
• Woo Cart & Checkout Builder – Lay out the cart, empty cart and checkout pages with blocks.
• WooCommerce Blocks for Any Page – Show newest, best selling, on sale, featured or top rated products anywhere.
• Variation Swatches – Turn variation dropdowns into color, image or label swatches.
• Quick View – Let shoppers open a product in a popup without leaving the shop page.
• Wishlist – Let shoppers save products for later, as guests or logged-in customers.
• Fast and Lightweight – Built on native blocks, with no extra page builder loaded on your store.
• Free – All core Woo builder features are free.

Gutenberg Woo Blocks for Every Store Page

Noah gives the block editor a full set of Gutenberg Woo blocks. Product, shop, cart, checkout, thank-you and account blocks all work together, so the Woo shop builder and the block editor feel like one tool. Start a Woo store from a starter design, swap blocks in and out, and see the result with a real product while you edit.

• Shop Builder – Shop page, category, tag and search pages from Woo blocks.
• Product Page Builder – Single product layouts with gallery, price, add to cart and tabs.
• Cart & Checkout Builder – Cart, empty cart and checkout pages from Woo blocks.
• Account Builder – Thank-you and My Account pages from Woo blocks.

Key Features

• Gutenberg-Native Blocks – Seamlessly integrates with the WordPress block editor
• Product Display Blocks – Showcase products with customizable title, price, images, and description blocks
• Drag & Drop Interface – Intuitive visual builder for easy customization
• Ready-Made Templates – Pre-designed layouts to get you started quickly
• Shop Templates – Design your single product, shop, archive, cart, empty cart, checkout, order received (thank you), my account and quick view pages, and choose where each template shows
• Checkout Builder – Lay out the WooCommerce checkout with blocks: billing, shipping, order review, payment and more
• Thank You and My Account pages – Build the order received page and the customer account pages from blocks
• Modules – Quick View, Wishlist and Variation Swatches, each turned on with one switch
• Accessible – Blocks, popups and swatches work with the keyboard and are checked against WCAG 2.2 AA
• No Coding Required – Build professional stores without technical knowledge

Single Product Blocks

• Product Title – Shows the product name as a heading, optionally linked to the product.
• Product Price – Shows the product price and updates when a variation is selected.
• Product Image – Product image gallery with WooCommerce zoom, slider and lightbox.
• Product Excerpt – Shows the product’s short description.
• Product Description – Shows the product’s full description.
• Add To Cart – WooCommerce add to cart form for simple, variable, grouped and external products.
• Product Rating – Average star rating with the review count.
• Product Reviews – Product reviews list and the review form.
• Product Tabs – Description, additional information, reviews and tabs added by other plugins.
• Additional Information – Product attributes, weight and dimensions; follows the selected variation.
• Product Meta – SKU, categories and tags as WooCommerce shows them.
• Product SKU – Shows the product SKU; follows the selected variation.
• Product Stock – Stock status with optional custom labels; follows the selected variation.
• Product Categories – The product’s categories as links.
• Product Tags – The product’s tags as links.
• Product Share – Social share links and a copy-link button, without third-party scripts.
• Breadcrumbs – WooCommerce breadcrumbs: Home › Shop › Category › Product.
• Related Products – Products related to the current product by category and tag.
• Upsells – The upsell products set on the current product.
• Store Notices – WooCommerce messages such as “Added to cart”, coupon results and errors.

Pro (Upgrade)

• Stock Progress Bar – Shows how much of the stock has sold. For products that manage stock.
• Deal Countdown – Time left on the product’s sale, from its sale end date.
• Sticky Add to Cart – A bar with the product and its add to cart button that stays on screen once the shopper scrolls past the form.
• Buy Now Button – An option on the Add To Cart block that adds the product and goes straight to checkout.
• Size Chart – The product’s size chart from Products → Size Charts, in the page or behind a “Size guide” button in a popup.
• Product Tabs Layouts – Accordion and stacked layouts for the Product Tabs block.

Shop & Archive Blocks

• Archive Products – Products of the shop, category, tag or search page as a card grid or list, or WooCommerce’s own product loop.
• Products – Newest, best selling, on sale, featured or top rated products, on any page.
• Archive Title – Title of the shop page, or of the category, tag or search being viewed.
• Archive Description – Description of the category or tag being viewed, or the shop page content.
• Archive Result Count – Shows a count such as “Showing 1–12 of 40 results”.
• Archive Pagination – Page links for product listings that keep the sorting and filters.
• Order By Filter – Lets shoppers sort products by popularity, rating, date or price.

Pro (Upgrade)

• Product Filters – Lets shoppers narrow the products without a page reload, with product counts and a shareable URL. Holds the filter blocks below.
  • Category Filter – Pick one or more product categories.
  • Price Filter – Set a price range with a slider or by typing it.
  • Attribute Filter – Filter by an attribute such as color or size, as a list, swatches or a dropdown.
  • Rating Filter – Show only products rated at least a number of stars.
  • Stock Status Filter – Show only products in stock, on backorder or out of stock.
  • Active Filters – The filters the shopper picked, each with a remove button.
  • Reset Filters – A button that turns every filter off.
• Products Per Page – Lets shoppers choose how many products the page shows.
• Archive View Mode – Grid and list buttons that switch the product view without reloading.
• Advanced Search – A product search box that lists matching products while the shopper types, with an optional category menu.
• Product Category List – Your product categories with images and product counts, as a grid, a list or a carousel.
• Recently Viewed – The products a shopper looked at earlier in their visit.
• Deal Products – Products on sale with an end date, soonest first, each with a countdown.
• Flash Sale Products – Products whose sale falls inside the campaign dates, with a countdown to the end.
• Product Card Layouts – Overlay and flip card layouts, a carousel display for product lists and swatches on cards.

Cart Blocks

• Cart Table – Cart items with quantities, remove links, the coupon field and the update button.
• Cart Total – Cart totals with shipping, taxes, the shipping calculator and the checkout button.
• Cross-Sell – Cross-sell products for the items in the cart.
• Empty Cart Message – The “Your cart is currently empty.” message for the empty cart page.
• Return To Shop – A button that takes shoppers back to the shop page.

Pro (Upgrade)

• Side Cart – A cart icon with the item count that opens a cart drawer: change quantities, remove items and go to checkout without leaving the page.
• Free Shipping Bar – “Add $12 more to get free shipping!” with a progress bar, for the cart, product pages and headers.

Checkout Blocks

• Checkout Form – The checkout form. The billing, shipping, order review and payment blocks go inside it.
• Billing – The billing address fields, and the create account fields for guests.
• Shipping – The “Ship to a different address?” toggle and the shipping address fields.
• Checkout Shipping Methods – The shipping method choice, shown apart from the order review.
• Additional – Extra order fields added by WooCommerce or by plugins such as Checkout Field Editor.
• Order Notes – The order notes field, saved as the customer note on the order.
• Order Review – The “Your order” table with products, shipping, taxes and total, updated as the shopper fills in the form.
• Checkout Payment – The payment methods, terms checkbox and Place order button.
• Checkout Coupon – The “Have a coupon?” link and coupon form.
• Checkout Login – The “Returning customer?” link and login form for guests.

Thank You Blocks

• Thank You Message – The thank-you message of the order received page, or the failed payment message with its Pay button.
• Order Overview – The order number, date, email, total and payment method.
• Order Details – The ordered items, totals and downloads, with the payment method’s instructions and the addresses.

Pro (Upgrade)

• Customer Details – The billing and shipping addresses, shown to the customer who placed the order.
• Payment Instructions – What the payment method shows after checkout, such as bank transfer details.

My Account Blocks

• Account Navigation – The account menu: dashboard, orders, addresses, account details and more.
• Account Content – The account page being visited, including pages added by other plugins.

Pro (Upgrade)

• Login / Register – The login form and, when your store allows it, the registration form.
• Account Dashboard – The welcome text and links to the other account pages.
• Account Orders – The customer’s orders, with pagination.
• Account Downloads – The customer’s downloadable products.
• Account Addresses – The billing and shipping addresses and the form to edit them.
• Account Details – The form for the customer’s name, email and password.
• Horizontal Account Navigation – A horizontal layout for the Account Navigation block.

Modules

Turn modules on in Noah Shop Builder → Modules. Each one is off until you turn it on, and has its own settings.

• Quick View – A “Quick view” button on product cards opens the product in an accessible popup, with gallery, variations and add to cart. Design the popup with a Quick View template.
• Wishlist – Shoppers save products from product cards and product pages. Works for logged-in customers and guests; a guest’s list moves to their account when they log in.
  • Wishlist Button – Adds the product to the wishlist or removes it.
  • Wishlist Counter – A heart with the number of saved products, linked to the wishlist page.
  • Wishlist Table – The saved products with price, stock, add to cart and remove buttons.
• Variation Swatches – Variation dropdowns on product pages become color, image or label swatches that work with the keyboard. Choose the swatch type per attribute in Products → Attributes, and set each color, image or label on the attribute’s terms.

Module buttons appear on the product cards of the Archive Products, Products, Related Products, Upsells and Cross-Sell blocks.

Pro (Upgrade)

• Product Comparison – Shoppers compare products side by side: price, rating, stock, attributes and more.
  • Compare Button – Adds the product to the comparison or removes it.
  • Compare Bar – A floating bar with the products to compare.
  • Compare Table – The products side by side, with a “Highlight differences” switch.
• Variation Swatches Extras – Crossed-out unavailable options and swatches in Quick View.
• Wishlist Extras – WooCommerce wishlist integration and wishlist support for cached pages.
• Module Buttons on WooCommerce Grids – Quick View, Wishlist and Compare buttons on WooCommerce’s own product grids.

Starter Templates

Start a new template from a ready-made design, then change anything in the block editor.

Single Product

• Single Page – Gallery beside the product details, with tabs and related products below.
• Stock Progress Bar (Pro) – Large gallery with a buy box that shows the stock left and the time left on a sale, plus upsells.

Shop

• Shop – Shop title and intro above a sortable three-column product grid.
• Shop with Filters (Pro) – Product filters in a sidebar beside the product grid; the grid updates without a page reload.
• Shop with Categories (Pro) – Centered intro and category list, then a four-column product grid.
• Shop Flip (Pro) – Four-column grid whose cards show the second gallery image on hover, with a grid/list switch.

Product Archive

• Archive – Category title and description above a sortable product grid.
• Category with Sidebar – A category list in a sidebar next to the product grid.
• Category with Filters (Pro) – Product filters in a sidebar beside the category’s products.

Cart

• Standard Cart – Cart items, totals and cross-sells, with a page heading.
• Cart with Trust Badges – Fast shipping, secure payment and easy returns notes above the cart.

Empty Cart

• Best Sellers – Empty cart message and shop button beside your best-selling products.
• New in Store – A friendly empty cart message, a shop button and the newest products.

Checkout

• Standard Checkout – Contact, shipping and payment steps beside the order summary.
• Checkout with Reassurance – A secure-checkout message above a one-column form, with help notes below it.

Quick View

• Side by Side – Product image next to the price, short description and add to cart.
• Compact Card – A centered card: image on top, then title, price and add to cart.

Order Received

• Thank You Note – A short, centered thank-you with the order summary and a keep-shopping button.
• Order Confirmation (Pro) – Order status, summary, totals, downloads and addresses.

My Account

• Classic Account – Account navigation beside the account …