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.
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 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
- Modules - Quick View and Wishlist, each turned on with one switch
- 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.
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.
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.
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.
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.
Module buttons appear on the product cards of the Archive Products, Products, Related Products, Upsells and Cross-Sell blocks.
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.
Shop
- Shop - Shop title and intro above a sortable three-column product grid.
- Shop with Categories - Centered intro and category list, then a four-column product grid.
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.
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.
How to Use
- Install and activate the plugin
- Ensure WooCommerce is installed and active
- Edit any page or post with the Gutenberg editor
- Search for "Noah" or "Product" in the block inserter
- Add blocks and customize them using the block settings panel
- Publish your page and enjoy your beautiful WooCommerce store
To design a whole store page, go to Noah Shop Builder → Templates, create a template (Single Product, Shop, Archive, Cart, Empty Cart, Checkout or Quick View), start from a starter design or a blank page, and choose where it shows.
To add Quick View or a wishlist, go to Noah Shop Builder → Modules and turn the module on. For the wishlist, create a page with the Wishlist Table block and choose it as the wishlist page in the module settings.
Requirements
- WordPress 6.9 or higher
- WooCommerce 9.0 or higher (active)
- PHP 7.4 or higher
Support & Documentation
Privacy Policy
Noah Shop Builder for WooCommerce sends no data to outside services. It works entirely within your WordPress installation.
When the Wishlist module is on, it stores the products a shopper adds to the wishlist:
- Logged-in customers: in their account (user meta
_noah_wishlist).
- Guests: in the
noah_wishlist cookie for 30 days (product IDs and a signature, no personal data). The list is added to the customer's account when they log in, and the cookie is deleted. Store owners can turn guest wishlists off.
Saved wishlists are included in Tools → Export Personal Data and Erase Personal Data, and the module adds suggested text to Settings → Privacy → Policy Guide.