Put your store on real pages

You build your storefront the same way you build every other page. Open a page in the visual editor, add a store block, and place it next to your headlines and photos. A product grid can sit under your story. A featured collection can sit above your tasting-room hours. Nothing about your store lives on a separate system.

New to the editor itself? Start with the page builder guide, then come back here for the store pieces.

Every store block needs to know which products to show, and there are two ways to tell it. You can pick specific products by hand, which is perfect for a one-off feature like this month’s release. Or you can point the block at a collection, which is what you will do most of the time.

Pointing at a collection means the page keeps itself current. When you add a new bottle to Staff Picks, every block that shows Staff Picks updates on its own. You never go back to edit the pages one by one.

The cart button lives in your header and shows a running count of items. Clicking it slides out the cart drawer, so shoppers can review their order without leaving the page they are on. Inside the drawer they can change quantities, remove items, and enter a discount code like WELCOME10. Automatic discounts show up on their own when the cart qualifies.

If you offer free shipping over a threshold, the drawer can show progress toward it. A shopper who sees they are twelve dollars away often adds one more bottle. The cart is also saved for the shopper, so an order in progress survives a closed tab.

Checkout is built in and moves shoppers through three steps. Contact collects their email. Shipping collects the address and lets them choose a delivery method, like standard shipping or local pickup, with tax calculated for their location. Payment takes the card. Card payments run through your own Stripe account, which you connect once in E-commerce, then Settings, then Providers.

After the payment goes through, the order is created, the shopper lands on the confirmation page, and their order confirmation email goes out.

The product search block lets shoppers type what they want and jump straight to it. On collection and search pages, filters narrow the results without a new search. You choose which filters appear and in what order. Open E-commerce, then Settings, then Search and filters to configure them.

Filters are not limited to price. Any custom field you add to your products can become a filter. The wine shop tags each bottle with a varietal and a region, so a shopper who only drinks Riesling can get to the Rieslings in one click.

Shoppers never create or forget a password. To sign in, they enter their email on your login page and receive a one-time code. Typing the code signs them in. That is the whole flow, and it removes the most common reason people abandon an account.

You manage the people behind the accounts in your dashboard. See the customers guide for profiles, invites, and marketing consent.

Every product and collection has SEO fields: an SEO title, an SEO description, and a web address. Your storefront pages use them automatically, so the moment you fill them in on the product, the live page carries a proper title and description for search engines. There is nothing extra to wire up on the page itself.

Your site also publishes a sitemap at /sitemap.xmlso search engines can find every page without crawling for them. It covers your pages, your collections, and every product shoppers can actually reach on your storefront. Products hidden by your visibility rules in Search & filters stay out of the sitemap and are marked so search engines skip them. Google only ever sees the catalog you actually show, and the sitemap keeps itself current as you publish pages and sync products.

Speed is handled the same way as the rest of your site. Storefront pages are built ahead of time and served ready to view, so shoppers are not waiting on anything to load before they see your products. How that works is covered in the publishing guide.