L
Build any type of website quickly with LovableTurn your idea into a live app in minutes.
Start now
🛒Online Shop

E-commerce Store Lovable Prompt

Build a complete online store with product listings, cart, checkout, and order management.

Quick answer

Use this Lovable prompt when you want to build a online shop with clear screens, data structure, responsive UI, practical states, and a useful first version you can refine quickly.

Product catalogueShopping cartStripe checkoutOrder managementUser accountsSearch & filter

The Prompt

Ready-to-use Lovable prompt

Open Lovable
Build a complete e-commerce store with the following features:

**Product Catalogue:**
- Product grid on homepage with product image, name, price, and "Add to Cart" button
- Product detail page with image gallery, description, size/variant selector, stock indicator
- Category filtering and search functionality
- Sorting: by price, newest, best-selling

**Shopping Cart:**
- Slide-out cart drawer showing cart items, quantities, and total
- Update quantities and remove items directly in the cart
- Cart count badge on the cart icon in the header

**Checkout:**
- Multi-step checkout: Shipping info → Payment → Confirmation
- Stripe payment integration
- Order confirmation email via Resend

**Account:**
- User sign up and login (Supabase Auth)
- Order history page
- Saved addresses

**Design:**
- Clean, modern e-commerce design
- White background with black typography
- Full-width hero banner with CTA on homepage
- Mobile-first, fully responsive

Store all products, orders, and user data in Supabase.

Best for

Online Shop

Intent

Copy-ready Lovable build prompt

Difficulty

2/5

How to Use This Prompt

  1. 1

    Copy the prompt

    Use the copy button above so you keep the full structure intact.

  2. 2

    Open Lovable

    Start a new project in Lovable using the official Lovable site.

  3. 3

    Paste and send

    Paste the prompt as the first message before asking for small edits.

  4. 4

    Iterate carefully

    Improve one screen, flow, or state at a time so Lovable has clear direction.

Pro Tips

  • ->Describe your product type specifically — fashion, electronics, digital goods, food — so Lovable builds the right variant selectors and checkout flow
  • ->Mention Stripe explicitly for payments — Lovable knows how to integrate it with Supabase Edge Functions
  • ->Ask for 'slide-out cart drawer' rather than just 'cart' for a better UX pattern
  • ->Include 'mobile-first' in every e-commerce prompt — most shoppers are on mobile

Prompt Variations

Use these versions when your project has a more specific angle.

Digital products store

Build a digital products store for selling downloadable files (PDFs, templates, software). After Stripe payment, automatically email the download link via Resend. Include: product listings with preview images, instant download after purchase, customer dashboard with purchased items, simple admin page to add new products. No physical shipping needed. Use Supabase for orders and Stripe for payments.

Subscription box

Build a subscription box e-commerce site. Monthly subscription model with Stripe. Customers choose a plan (Basic box £25/mo, Premium box £45/mo), enter their address, and get auto-charged monthly. Include a dashboard for subscribers to manage their subscription, pause deliveries, or cancel. Admin page to manage subscriber list and shipping details.

Frequently Asked Questions

Can I build a real e-commerce store with Lovable?
Yes. Lovable can build a fully functional e-commerce store with Supabase for product/order data and Stripe for payments. Several Lovable users have launched real stores with paying customers.
Does Lovable support product variants like sizes and colours?
Yes. Describe your variants in your prompt (e.g., 'each product can have size variants: XS, S, M, L, XL and colour variants: red, blue, green') and Lovable will build the appropriate selector UI and store the variant data in Supabase.
Can Lovable connect to Shopify?
Lovable can build a custom storefront that connects to Shopify's Storefront API, but it cannot build a Shopify theme. If you need full Shopify compatibility, a custom Lovable store with Supabase + Stripe is often a better and more flexible option.

Ready to build?

Copy the prompt above, then paste it into Lovable to start your first version.

Try Lovable Free

More Prompt Templates

View all
📊

SaaS Dashboard

Build a full SaaS app with a user dashboard, authentication, subscription management, and analytics.

View prompt
👤

Portfolio Website

Build a stunning personal or creative portfolio to showcase your work and attract clients.

View prompt
💼

Job Board

Build a niche job board with job listings, company profiles, and job applications.

View prompt