WooCommerce gives you the store engine: products, cart, checkout, orders. It does not give you a design system. That’s the job the Nexter Theme plus Nexter Blocks’ 27 dedicated WooCommerce blocks were built to do together. Here’s how the pieces fit, and the actual build order that avoids the two most common mistakes people make on their first Nexter store.
What You Need Before You Start
- WooCommerce installed and active — the Nexter WooCommerce blocks render live WooCommerce data, so the plugin itself has to be running first.
- Nexter Theme installed and activated (one click from the Unified Dashboard if you haven’t already).
- Nexter Blocks updated to the version that shipped the 27 WooCommerce blocks (July 2026) — the free version includes the core set; the full suite (customizable checkout, swatches, wishlist, compare, quick view, free-shipping progress bar) is Nexter Blocks Pro.
Step 1: Enable the WooCommerce Blocks
Go to Nexter Blocks → Blocks and toggle on the WooCommerce block set. This unlocks all 27 blocks in the Gutenberg inserter, grouped by the store page they build: single product, catalog, cart, checkout, and order/account.
Step 2: Build the Single Product Page First, Not the Homepage
The most common mistake on a first Nexter store build is designing the homepage before the product template. The single product page is where the 8 dedicated blocks (image gallery, pricing, rating, stock, meta, reviews, tabs, add-to-cart) actually live, and because they pull live data from whichever product is being viewed, one template styles your entire catalog at once. Build this template inside the Nexter Theme Builder so it applies sitewide, rather than editing individual product pages one at a time.
Also Read: The Nexter Grid View Theme Builder: What It Is and How to Use It — this is exactly the kind of sitewide template the Theme Builder is for.
Step 3: Cart and Mini Cart
The Cart Table and Cart Total blocks build a branded, full cart page. Separately, the Mini Cart block adds a slide-in drawer so shoppers can review what’s in their cart from any page on the site without a full page load — add it to your header template once, and it’s available everywhere.
Step 4: Checkout, Without a Separate Checkout Plugin
Six blocks — login prompt, billing address, shipping address, order notes, payment method, and order review — build the entire checkout flow. Because they’re native Gutenberg blocks, you style them the same way you’d style any other block on the page, instead of fighting a checkout plugin’s own settings panel.
Step 5: The Conversion Blocks (Where the Second Common Mistake Happens)
Variation swatches, Wishlist, Compare, Quick View, and the Free Shipping Progress Bar are the blocks people forget until after launch. Add them during the initial build instead of retrofitting later — swatches in particular change the layout of the Add to Cart block, so adding them after your product template is finalized often means redoing spacing across every product page.
Also Read: How to Build a Full WooCommerce Product Page Using Nexter Blocks (Step by Step) — a deeper, block-by-block walkthrough of just the product page.
FAQ
Do I need Elementor or another page builder for this?
No. The Nexter Theme and Nexter Blocks WooCommerce set both run in the native WordPress block editor.
Is the full WooCommerce block set free?
The core WooCommerce blocks are free in Nexter Blocks. The customizable checkout, swatches, wishlist, compare, quick view, and free-shipping progress bar are part of Nexter Blocks Pro.
Does this replace my SEO plugin too?
Separately, Nexter Extension now ships its own SEO module (Nexter SEO), covering audits, schema, sitemaps, and redirects, which many store builders use instead of a standalone SEO plugin — but that’s independent of the WooCommerce blocks covered here.
Conclusion
Building the single product template before the homepage, and adding conversion blocks during the initial build rather than after launch, are the two habits that separate a smooth Nexter store build from a frustrating one. Everything else follows from getting those two decisions right early.
Suggested Reading
- How to Build a Full WooCommerce Product Page Using Nexter Blocks (Step by Step)
- The Nexter Grid View Theme Builder: What It Is and How to Use It
- 27 New WooCommerce Blocks And Nexter SEO Are Live
