
Use cases
With Lovable + Shopify, you can launch real online stores for:- Physical products: sell clothes, gadgets, accessories, or home goods
- Digital products: offer e-books, courses, music, or software downloads
- Niche brands: quickly spin up stores for limited-edition merch, local products, dropshipping or side projects
- Small businesses: showcase bakeries, coffee shops, or craft businesses and accept orders online
- Testing new product ideas: add a few products and evaluate performance before full-scale production
- Business expansion: introduce new collections, seasonal campaigns, or bundles with just a prompt
Before you begin
Before you start building your eCommerce store with Lovable + Shopify, here are a few important things to know:- Sandbox store - no Shopify cost
Lovable automatically creates a sandbox store so you can build and experiment safely free of any Shopify cost. This environment is perfect for setup and testing, but it won’t process real payments. - Claiming your store
When you’re ready to launch your store, you’ll need to claim your store. This migrates it to your Shopify account and starts a 30-day free Shopify trial. In Shopify, you need to activate payments and complete your store setup to start accepting real payments from your customers. - Required Shopify subscription
After the free trial period, you’ll need a paid Shopify plan to continue selling products online. This subscription is managed directly through Shopify and is separate from Lovable pricing. - Shopify review policy compliance
Before publishing your store, make sure all reviews are authentic, unbiased, and compliant with Shopify’s Review Policy.
Shopify integration flow
You can start by:- Creating a new project
- Remixing an existing project, see Lovable + Shopify templates.
1. Create your store
When creating a new project from scratch, tell Lovable what type of store you want to create and specify Shopify.Create an eCommerce store with Shopify for selling handmade scented candles.When remixing an existing project, prompt Lovable to integrate Shopify and remove mock data. It is important to use a good, comprehensive prompt. For example:
I would like to replace the products in this store with my own products and create my Shopify store. Please proceed to:Lovable will prompt you to enable the Shopify connection — just click Allow. Your sandbox store is ready for setup.
- Connect to Shopify.
- Remove all mock product data from the store and create X new products with product images.
- Update the product cards and product details page to use the new product information.
- Update the product details page URL to match the new product.
- Update the add to wishlist component and logic to match this change.
- Update my cart, buy now CTA, and any related checkout actions on any page to reflect Shopify store integration.
2. Add products and product images
Start by adding products with a name, description, and price. For example:Add a product named Lavender Breeze Candle, description: ‘A calming handmade soy candle infused with lavender essential oils,’ price: $25.You can edit details later. If your product doesn’t appear, prompt:
Display the products on the website.Then, enhance your listings with visuals using any of the below options. Always use representative images. Generate AI images
Add an AI-generated image to the product Lavender Breeze Candle.Upload or attach your own image
Add the attached image to the product Lavender Breeze Candle.Add image from URL
Add image from URL to the product Lavender Breeze Candle.
3. Manage your store
Manage your products and refine your store without leaving Lovable. For example, you can tell Lovable to:- Update product names, descriptions, or prices
- Remove products
- Display all products
- Add product filtering functionality and create collections based on different categories
- Add product review functionality and only allow reviews on verified purchases
- Add percentage-based or fixed amount-based (USD) discount codes and include the validity period
- Add wishlist functionality and ability to share the wishlist
Update the price of Lavender Breeze Candle to $28.
Change the description of Vanilla Bean Candle to highlight the wooden wick.
Remove the product Cinnamon Spice Candle.
Display all products.
Create a product review system and only allow reviews on verified purchases.
Create a 15% discount code for the product Lavender Breeze Candle. The code should be LAVANDER15 and valid until the end of November 2025.
Allow me to add products to the wishlist and share it.
4. Claim your store
When you are ready to claim and launch your store, be prepared to unlock your store, and set up and activate payments by completing the KYC (Know Your Customer) process. This may take some time.- Type “Claim the store”. Lovable prompts you to claim the store. Press Claim. This opens Shopify in a new tab where you can log in and then complete the claim process. You may also get an email invitation to claim your store.
- Accept the Claim store link from Shopify. This takes you back to your Lovable project.
- Go to Shopify Admin to complete your store setup and activate payments so you can begin selling. See Shopify payments for more information.
Only claim your store when you are fully ready to launch as you need a paid Shopify subscription after the 30-day free trial to continue selling products online.
5. Launch your store
When your store is claimed and your setup complete, publish your Lovable project and share your store with the world! At anytime, directly from Lovable, you can:- Create, update, and delete products
- Manage prices and descriptions
- Launch new collections, promotions, or bundles
FAQ
I added my products to a remixed project, but the link to the product page is broken. How do I fix that?
I added my products to a remixed project, but the link to the product page is broken. How do I fix that?
No worries - our agent is still learning about your new store and you only need to prompt it once to fix this for good! Prompt the agent to do the following:
Please update the product URL logic to ensure that all new and future products in the store correctly display their respective product detail pages.This should ensure that you won’t have any issues in the future. For all other issues, clicking on the “Try to Fix” button will prompt the agent to address and resolve it.
I am still seeing some mock products in my remixed project, how can I remove them?
I am still seeing some mock products in my remixed project, how can I remove them?
Prompt the agent to update the pages where you’ve seen these products, for example:
Clear the store from any existing products across all pages except for those that I added to my Shopify store.