E-commerce stores

A store is a curated set of products, each with a chosen price, that you can sell from a website built in the visual builder. Stores live under Sites → Ecommerce.

Products and prices themselves are managed under Payments → Products (see the Payments guide); a store picks which of those products to offer and at what price. This guide covers creating stores, adding products, putting the store on a website, and where orders show up.

Quick start

1. Connect Stripe under Settings → Integrations and create products with prices under Payments → Products (see Payments).
2. Go to Sites → Ecommerce and select Add Store.
3. Open the store and select Add Product to pick products and prices.
4. In the website builder, turn on E-commerce in the website settings and add store elements to your pages.

Creating a store

1. Open Sites → Ecommerce.
2. Select Add Store.
3. Enter a Name, and optionally a Description and an Image URL.
4. Save.

The Stores list shows each store with its description, how many products it holds, and when it was updated. Use the search box to filter, and the page-size control at the bottom to show more per page. Select a row to open it, or use the row menu to Edit or Delete it. You can also tick several stores and delete them together.

The number of stores you can create may be limited by your plan. If Add Store is unavailable, check Settings → Billing.

Managing a store

Open a store to see its products. From the header menu you can Edit the store's name, description, and image, or Delete the store.

Adding products

1. Select Add Product.
2. Search for and select a product from your catalog.
3. Choose which of its prices the store should sell. If the product has only one supported price, it's selected for you.
4. Confirm.

Only one-time and recurring prices can be sold through a store checkout. A product needs at least one such price to appear in the picker.

The products table

The table lists each product with its Price, the Price Name, and its Billing type (one-time or recurring, with the interval). You can:

• Search products by name.
• Toggle which columns are shown.
• Change Price — switch the product to a different one of its prices.
• Remove a product from the store (the product itself stays in your catalog).
• Tick several products and remove them together.

The store's CMS table

Every store automatically gets a matching table in the CMS that stays in sync with its products. That table is what the website builder reads when it renders your products. It's read-only inside the CMS — its rows are managed from the store page — and it's deleted with the store. See CMS.

Selling on a website

Turning on e-commerce

1. Open the website in the builder and open the website settings.
2. Under E-commerce, turn on Enable E-commerce.
3. The builder sets up the store pages for you: Cart, Checkout, and Order Confirmation. They appear under an Ecommerce heading in the Pages panel.

Turning e-commerce off again deletes those pages, any local components created inside them, and their published content. This can't be undone, so the builder asks you to confirm.

Store elements

Once e-commerce is on, the builder's element sidebar offers these blocks under E-commerce and Payment:

Element	What it does
CMS List	Repeats a component for each row of a CMS table. Point it at your store's table to render a product grid. See CMS.
Product Gallery	Product image carousel.
Add to Cart	Adds a product to the visitor's cart. Place it inside a CMS List connected to a store table so each item gets its own button, or select a specific product and price in its settings to use it on its own.
Cart	Opens the shopping cart panel.
Checkout	Shows the cart and takes payment. In its settings you can choose a theme, edit the text, add an order bump (an extra product and price offered with a checkbox at checkout), and choose the page to send the customer to after payment.
Payment Form	A one-product payment form: pick the product and price (or use its default price), with an optional order bump.
Receipt	Place this on the page you send customers to after payment. It loads the payment details for the completed transaction and lets the customer download an invoice.

Taking payment

Checkout and payment forms charge through your connected Stripe account. If Stripe isn't connected, connect it under Settings → Integrations first — see Connecting Stripe.

Orders

Every successful store purchase becomes an order under Payments → Orders, where you can see what was bought, update fulfillment, add tracking numbers, and leave notes. Refunds are handled from Payments → Transactions. See Orders and Transactions and refunds.

Permissions

• Viewing stores requires stores: read.
• Creating a store requires stores: create.
• Editing a store and adding, removing, or re-pricing its products requires stores: update.
• Deleting stores requires stores: delete.

Managing products and prices under Payments uses the payments permissions instead.

Tips

• Create products and prices first under Payments; a store only chooses among prices that already exist.
• Use one-time or recurring prices for anything you want to sell through checkout.
• Add a Receipt element to your order confirmation page so customers get a downloadable invoice.
• Test a purchase end to end — cart, checkout, confirmation — before you publish.

Related

• Payments — Stripe, products, prices, orders, and refunds.
• Website Builder — designing and publishing store pages.
• CMS — the store table and CMS List element.