🛒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
Copy the prompt
Use the copy button above so you keep the full structure intact.
2
Open Lovable
Start a new project in Lovable using the official Lovable site.
3
Paste and send
Paste the prompt as the first message before asking for small edits.
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

When to Use This Prompt

Use this prompt when you want Lovable to create a focused online shop instead of a vague app shell. It is best for builders who already know the audience, the main workflow, and the first useful version they want to test.

Do not treat the prompt as a final product specification. Treat it as a strong starting brief. After Lovable creates the first version, review the result against the real user journey: what the user sees first, what action they should take, what happens after success, and what should appear when there is no data yet.

How to Customize the Prompt

Audience

Replace placeholder text with the exact user: founders, students, agencies, customers, admins, sellers, members, or job seekers.

Workflow

Name the main action from start to finish, such as booking, checkout, applying, generating, submitting, approving, or saving.

Data

Add the objects Lovable should model, such as users, projects, products, listings, invoices, bookings, messages, or saved items.

Launch needs

Add analytics, forms, custom domain, GitHub, Supabase, Stripe, security, or production-readiness requirements only when they matter.

Quality Checklist Before You Publish

The homepage or first screen explains the product clearly.
The main workflow can be completed without confusion.
Forms have labels, validation, success states, and error states.
Mobile layout works without horizontal scrolling.
Empty states explain what to do next.
Authentication, database, payments, and AI calls are reviewed before production.
Analytics and conversion events are ready before traffic is sent.
The next revision request is specific instead of asking Lovable to rebuild everything.

Follow-up Prompts to Improve the First Draft

After the first build, ask Lovable for narrow improvements. For example: improve the mobile layout, add realistic sample data, create an admin view, simplify the onboarding, add empty states, improve the CTA copy, or make the dashboard easier to scan.

Avoid stacking too many changes in one follow-up. Smaller revision prompts make it easier to keep the project stable and understand which change improved the app.

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.