---
title: WooCommerce
description: The fastest way to build block-based WooCommerce stores.
url: "https://flatsome.com/woocommerce"
lastUpdated: 2026-10-21
---

Flatsome for WooCommerce

# A WooCommerce store, built your way.

Design product pages, shop layouts, mega menus, the cart and checkout in the same visual builder as the rest of your site.

[Join early access](https://flatsome.com/pricing.md)

[Browse Templates](https://flatsome.com/templates.md)

Product pages

## Put your products in the spotlight.

Build the product page around what you sell. Arrange galleries, titles, prices, descriptions and purchase controls directly on the canvas.

Shop and collections

## Make every collection worth exploring.

Create product grids and sliders, then decide exactly what they show. Build collections around categories, tags, featured products or sale items.

Off-canvas cart

## Keep the next step close at hand.

Give shoppers a cart that feels like part of your store. Use a dropdown or a drawer, show a free-shipping progress bar, and make checkout easy to find.

Checkout

## Make checkout feel like part of your store.

Carry your design through to the final step. Build the page around the native WooCommerce checkout, with your own header, footer, steps and supporting content.

Dynamic Pricing

## Create offers that work across your store.

Set up sales, quantity discounts and buy X get Y deals from one place. Make the offer clear on product pages and show shoppers their progress in the cart.

[Explore Dynamic Pricing](https://flatsome.com/dynamic-pricing.md)

Flatsome MCP

## Manage your store with your AI agent.

Use Claude, ChatGPT or another AI agent to update product pages, launch campaigns and keep your store fresh. Just ask in a chat.

[Learn more about Flatsome MCP](https://flatsome.com/mcp.md)

WooCommerce blocks

## Build with the pieces your store needs.

Dedicated blocks for product pages, collections and the cart, connected to your WooCommerce data. Enable Dynamic Pricing to add its deal blocks.

Product Gallery

Thumbnails, full-width or stacked galleries.

Product Title and Price

Live names and prices anywhere in the template.

Add to Cart

Purchase controls with options and quantity.

Related and Up-sells

Complementary products in grids or sliders.

Products

Responsive grids and sliders from any collection.

Product Quick View

Product details in a modal, without leaving the list.

Mini-Cart

A dropdown or drawer with items and subtotal.

Free Shipping

How much is left to spend, and when they reach it.

Product Deal Price

The quantity-break price for the chosen quantity.

Product Deal Tiers

Quantity discounts as a table or list.

Product Deals

Buy X get Y offers with a cart-aware message.

Cart Deals

Available offers and progress in the cart.

## Make the whole shopping experience yours.

From the first browse to the next add to cart, on the same visual canvas.

Headers and menus

Custom headers and accessible mega menus.

Site Builder

Pages, headers, footers and templates on one live canvas.

Flatsome MCP

Let your own AI agent build and edit with you.

Dynamic Pricing

Sales, quantity breaks and buy X get Y deals.

SEO

Titles, descriptions and structured data for search.

Templates

Start from a ready-made website and make it yours.

Forms and popups

Contact, booking and newsletter forms without code.

Sliders and banners

Campaign banners and slides for every launch.

## Build your next store with Flatsome.

Bring your products, your brand and your ideas. Create the whole storefront in one visual builder.

[Join early access](https://flatsome.com/pricing.md)

[Explore Site Builder](https://flatsome.com/site-builder.md)

Classic customers go first. 50% off your first year until November 2.