FLATSOME + WOOCOMMERCE

A WooCommerce store, built your way.

Design product pages, shop layouts, mega menus and the cart with Flatsome’s visual builder.

Slider & Banner

Turn your next promotion into a landing page.

From a seasonal sale to a new collection, create promotional content that feels like your store. Combine banners, sliders and product blocks into a complete campaign page.

Layer headlines and calls to action over photos or video.
Build swipeable slides for offers, launches and featured collections.
Bring campaign banners and shoppable product grids together on one landing page.

Join early access

Product pages

Put your products in the spotlight.

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

Compose product templates from dedicated WooCommerce blocks.
Choose horizontal, vertical, full-width or stacked galleries.
Place ratings, product details and add-to-cart controls where they belong.

Join early access

Shop & collections

Make every collection worth exploring.

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

Set responsive columns and gaps for product grids.
Use sliders for touch-friendly, browseable collections.
Combine product cards with prices, badges and quick-view buttons.

Join early access

Off-canvas cart

Keep the next step close at hand.

Give shoppers a cart that feels like part of your store. Open a drawer after add-to-cart, show their items and subtotal, and make the path to checkout easy to find.

Switch between a dropdown mini-cart and an off-canvas drawer.
Add a free-shipping progress bar based on the cart total.
Style line items, quantity controls, empty states and a sticky footer.

Join early access

Checkout designer

Make checkout feel like part of your store.

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

Edit the checkout page template in the same visual workflow.
Style checkout breadcrumbs and show numbered steps.
Keep contact details, delivery, payment and order summary together.

Join early access

Dynamic Pricing module

Create offers that work across your store.

Set up product 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.

Offer percentage discounts, an amount off or a fixed price.
Create quantity breaks, buy-X-get-Y offers and free gifts.
Target products, schedule start and end dates, and control deal stacking.

Join early access

Flatsome MCP

Manage your store with Flatsome MCP.

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

Build product pages, shop layouts and landing pages.
Update banners, menus and styles across your store.
Add prices and variations with connected WooCommerce tools.
Choose what each agent is allowed to change.

Learn more about Flatsome MCP

Make the whole shopping experience yours.

From the first browse to the next add-to-cart, design the details that make your store feel complete.

Mega menus made for shopping

Build rich navigation with categories, featured collections and custom layouts in the header.

A closer look with quick view

Let shoppers open product details from a listing and get back to browsing without losing their place.

Recommendations that fit

Arrange related products and up-sells in grids or sliders to help customers discover more of your range.

A little nudge toward free shipping

Show the amount left to spend and celebrate when the cart reaches the free-shipping threshold.

WooCommerce blocks

Build with the pieces your store needs.

Use dedicated commerce blocks inside the same visual workflow as the rest of your site. Each block connects to WooCommerce product and cart data, so the layout stays yours.