Webflow Online store
created for you

Products and categories are organised as collections in Webflow. In the interactive data view, you can edit the product name, category, price, variant, stock level, image and status. On the right, you can see the product card, category view, product page and a homepage section.

This structure requires careful planning: which fields does a product need, and which does a category need? We define the collections based on your range and ensure that your team can maintain the content without design knowledge.

Design control is Webflow's strength. In the demo, you can adjust the number of columns, card width, image format, padding, corners, typography and colour. The preview updates immediately, just as it does in the actual Designer.

This freedom calls for a systematic approach to decisions. We define grids, spacing and typography based on your brand and document the design rules so that the shop remains consistent as it expands.

Motion can showcase products, but it needs to be used sparingly. In the demo, you can choose between fading in, scaling up, sideways movement, a mask reveal and no motion. You can see the effect directly on a product card.

Reduced-motion preferences are respected: visitors who limit motion receive a static view. For your shop, we define where motion supports sales and where it simply distracts.

Many products come in several versions. In the demo, you can choose a colour, size and quantity, add the product to the demo basket, change the quantity, remove the product and reset the basket.

For your shop, we define which variants are actually needed and how they are displayed. The basket can be designed in Webflow; we ensure that each variant's price and availability are correct.

Checkout determines whether a purchase is completed. The simplified preview shows contact details, delivery, payment and a summary. Webflow allows certain checkout areas to be designed; the actual payment processing is handled by supported payment providers.

This distinction matters: design and payment processing are separate tasks. We design the available areas to suit your brand and set up the payment integration with the chosen provider.

Webflow directly supports the payment providers Stripe and PayPal. The demo shows only these two direct providers. Additional digital payment methods may be available through Stripe, but depend on the region and provider and are labelled accordingly.

We do not invent additional direct payment providers. We check which payment methods are actually available to your customers for the country, currency and provider. The selection is documented and tested before launch.

Shipping is organised into zones. The interactive selection shows Switzerland, Germany, Europe, collection and digital delivery where the product is set up appropriately. The shipping method and sample price change depending on the selection.

Shipping, taxes and international delivery need to be assessed individually. A shipping zone involves more than a price: delivery times and legal information are also part of it. We set up the zones based on your actual delivery areas.

This section is deliberately clear: Webflow Localize does not currently support Ecommerce products, categories or shop pages. The comparison view shows the difference: a standard content page can be localised, while a shop product remains excluded from this feature.

We do not promise a multilingual shop solution without first assessing another technical solution. If multilingual support is central to your shop, we discuss openly whether Webflow is the right system or whether an alternative would be a better fit.

Activating Ecommerce is a crucial step. The interactive checklist takes you through activating Ecommerce, structuring products, planning categories, connecting payment providers, setting up shipping, checking taxes, testing checkout and launching.

Important: once activated, Ecommerce collections and reserved addresses cannot simply be removed again. We therefore recommend a test environment and careful planning before activation in the live project.

From discovering a product to confirmation: the purchase journey takes you through product selection, variants, the basket, discounts, shipping and a checkout preview. This interpretation shows a design-led product page with a bespoke basket presentation, typical of Webflow.

The demo does not place any orders, store anything or connect to any payment provider. The discount code DEMO10 is valid only in this preview. You can fully reset the demo at any time and start again.