> ## Documentation Index
> Fetch the complete documentation index at: https://lovable.generaltranslation.app/llms.txt
> Use this file to discover all available pages before exploring further.

# Build an e-commerce store with Shopify

> Use Lovable + Shopify to effortlessly build and launch new online stores from scratch

<img src="https://mintcdn.com/generaltranslation-d8a08cd1/jw-DadLCPO99GETa/images/shopify.jpg?fit=max&auto=format&n=jw-DadLCPO99GETa&q=85&s=03fd2b2d153e42e3266a76319aa7f40a" alt="Shopify Jp" width="1920" height="1080" data-path="images/shopify.jpg" />

From selling physical products to digital downloads, Lovable helps you build, customize, and iterate your new store using natural language, while Shopify handles payments, inventory, and logistics when you go live.

## Use cases

With Lovable + Shopify, you can build and 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 e-commerce store with **Lovable + Shopify**, here are a few important things to know:

* **Only for new Shopify stores**\
  The Lovable + Shopify integration is designed for building and launching **new Shopify stores only**. Existing stores cannot be connected or managed through this integration.
* **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**](https://help.shopify.com/en/partners/help-support/faq/reviews).

## Enabling the Shopify integration

By default, the Shopify integration is enabled for your workspace. You can manage the Shopify integration behavior and related Shopify settings for your projects in your user preferences: **Settings → Integrations → Shopify → User preferences.**

### User preferences

The default setting for Shopify integration is **Ask each time**, meaning you decide whether to enable or disable the Shopify integration for each project. You can change your preference anytime from **Settings → Integrations → Shopify → User preferences.**

Lovable prompts you when a Shopify integration is needed. You have three options:

* **Allow**: enable the integration for the current project.
* **Decline**: decline the integration for this request (you may be asked again later).
* **Adjust preferences**: change the default behavior for future projects (does not affect the current project).

## Shopify integration flow

You can start by:

* Creating a new project.
* Remixing an existing project, see [Lovable + Shopify templates](https://lovable.dev/shopify).

### 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 e-commerce 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:
>
> 1. Connect to Shopify.
> 2. Remove all mock product data from the store and create X new products with product images.
> 3. Update the product cards and product details page to use the new product information.
> 4. Update the product details page URL to match the new product.
> 5. Update the add to wishlist component and logic to match this change.
> 6. Update my cart, buy now CTA, and any related checkout actions on any page to reflect Shopify store integration.

Lovable will prompt you to **enable the Shopify connection** — just click **Allow**. Your sandbox store is ready for setup.

### 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.

1. 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.
2. Accept the **Claim store** link from Shopify. This takes you back to your Lovable project.
3. Go to Shopify Admin to complete your store setup and activate payments so you can begin selling. See [Shopify payments](https://help.shopify.com/en/manual/payments/shopify-payments/onboarding) for more information.

When you claim your store, Shopify assigns a permanent domain for your shop - don't worry, that's just your backend. **Your real store URL will be your lovable.app or your custom domain.**

<Warning>
  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.
</Warning>

### 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

<AccordionGroup>
  <Accordion title="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. 
  </Accordion>

  <Accordion title="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.
  </Accordion>
</AccordionGroup>
