Skip to content
Meet Penni Cart. All the work around ecommerce, beautifully connected.Learn more
A practical starting point

Build your Webflow store with confidence.

A clear route through installation, checkout design, and the decisions that turn a Webflow website into a working store.

Hugo CoffeeGood coffee. Good mornings.
Hugo 4:40 AM coffee
ORGANIC · DARK ROAST

4:40 AM

Little sleep. Big coffee.

$28 / 340 g bag
One-time purchase $28
Subscribe $25.20
Every 2 weeks ⌄
How many bags? −   1   +
Add to my bag →
4:40 AM added to your bag.
Illustrative product preview. Sample store data.

Start with the connection.

Begin with the Webflow installation guide. Connect your store, identify the commerce pages you need, and understand how product and checkout elements are bound.

Keep a staging version of the site for testing. Installation becomes much easier to evaluate when you can follow one product all the way through to a test order.

Open the Webflow quickstart
WEBFLOW · ONE CLICK
♡ 248Install App ↗
CUSTOM CODE · COPY & PASTE
Claude
Connect my website to Penni Cart.
Add a cart and custom checkout.
Run ↗
✓
Just like that. Connected.Your website is ready for commerce.
✦
Illustrative product preview. Sample store data.

Give the last step as much care as the first.

Checkout needs clear product information, understandable delivery choices, and usable payment and error states. Keep the visual identity of your website while making the customer’s next action obvious.

Use the checkout guide to plan the experience before you refine the final colors and typography. Test it on the devices your customers actually use.

Explore checkout customization
9:41▰
Checkout1 item
Nike Alphafly 3Volt · Size 8
alex@email.com
Total$285.00
Pay $285.00 ↗
Illustrative product preview. Sample store data.

Make the platform decision with the whole store in mind.

Compare the commerce workflow, payment requirements, hosting costs, and recurring-product needs of your store. Native Webflow Ecommerce and a separate commerce layer offer different operating approaches.

Use a platform comparison to frame your questions, then verify current features and prices directly. A good choice fits both the website and the team running it.

Compare Webflow Ecommerce options

Plan what happens after the order.

Set shipping coverage, product availability, notifications, and the routine for reviewing incoming orders. These details are part of a launch, even when the website itself is ready.

Start small, test the complete journey, and improve it from real customer behavior. Your first useful milestone is a working store, not a large collection of untested pages.

Penni CartDashboard
YOUR STORE AT A GLANCE

Good things are happening.

This month ⌄
Today’s sales$2,555↗ 18.6% from yesterday
Orders today25+1 new orders
Returning customers32.4%Made to come back.
RevenueLast 30 days
Sep 1Sep 15Sep 30
What’s selling
Personalized Corporate
Recent ordersView all ↗
Acacia cutting board#1048Alex CarterVancouver, CAPaid$75.00
Acacia cutting board#1049Jamie ChenToronto, CAPaid$75.00
Acacia cutting board#1050Sam RiveraPortland, USPaid$150.00
Acacia cutting board#1048Alex CarterVancouver, CAPaid$75.00
Acacia cutting board#1049Jamie ChenToronto, CAPaid$75.00
Acacia cutting board#1050Sam RiveraPortland, USPaid$150.00
New order receivedAlex Carter · Monogram board · $75.00
✓
Illustrative product preview. Sample store data.
GET STARTED

From your first idea
to their next order.

Connect your website. Add your products. Make it yours.

Start your free trial
Hugo Coffee
Northmark
The Wellness Den
Wild Oak Wellness
Webflow Jobs
Olliebooks
Drag to explore