Skip to main content
WooCommerce is an open-source ecommerce plugin for WordPress that lets you run an online store on infrastructure you control. The WooCommerce connector lets your Lovable app read and manage store data through the WooCommerce REST API. It’s designed for storefront dashboards, internal operations tools, product management apps, and customer service workflows backed by your WooCommerce store. With WooCommerce, your app can:
  • List and manage products, variations, categories, and inventory
  • Read and update orders, refunds, coupons, and customer records
  • Build dashboards around revenue, fulfillment, products, and customers
  • Create internal storefront admin tools powered by WooCommerce REST APIs
  • Automate store workflows that use your WooCommerce data
The WooCommerce connector uses a REST API consumer key and secret from your WooCommerce store. It’s a good fit when your store runs on WooCommerce and your Lovable app needs secure server-side access to store operations.

Common use cases and example apps

Example appExample promptDescription
Store operations dashboardUse WooCommerce and build a dashboard that shows today’s orders, revenue, low-stock products, and fulfillment status.Give operators one place to monitor store health.
The app reads orders, products, and reports so the team can track daily performance and act on issues.
Inventory management appUse WooCommerce and build an inventory app that lists products, filters by stock status, and updates stock quantities.Keep product inventory current from a custom interface.
The app fetches products and variations, highlights low-stock items, and updates inventory through WooCommerce.
Customer service consoleUse WooCommerce and build a support console where agents can search customers, view orders, and issue refunds.Help support teams answer store questions faster.
The app searches customer and order records, shows purchase history, and uses permitted WooCommerce actions for order support.
Coupon campaign managerUse WooCommerce and build a coupon manager for creating, listing, and tracking discount codes.Manage promotions without opening WordPress admin.
The app reads and updates coupons, shows active campaigns, and helps operators review usage.
Product catalog editorUse WooCommerce and build a product catalog editor for updating product descriptions, prices, categories, and images.Let teams manage catalog details from a tailored workflow.
The app reads products and sends updates through WooCommerce based on the permissions on your API key.
Fulfillment trackerUse WooCommerce and build a fulfillment tracker that groups open orders by status and flags delayed shipments.Turn order data into a fulfillment queue.
The app reads order status, groups work by priority, and gives staff a focused view of orders that need attention.
Sales reporting appUse WooCommerce and build a sales report that compares products, customers, and coupon performance over time.Create store analytics from WooCommerce data.
The app reads reports, orders, and coupons to show trends and exportable summaries.

How to connect WooCommerce

Workspace admins and owners can connect WooCommerce. You can create multiple WooCommerce connections using different REST API keys, which is useful for separating environments (for example, development and production), connecting multiple stores, or using keys with different permissions. When the connection is created, WooCommerce becomes available across all projects in the workspace. Anyone building in a project can ask Lovable in chat to link their project to it.

Prerequisites

Before connecting WooCommerce, make sure you have:
  • A WooCommerce store with HTTPS enabled
  • A WordPress admin account that can manage WooCommerce settings
  • Non-plain WordPress permalinks enabled for REST API routes
  • A WooCommerce REST API consumer key and consumer secret
  • Lovable workspace owner or admin role
All API requests made through this connector run against your WooCommerce store. Hosting, plugin, and WooCommerce-related costs are handled outside Lovable.

Step 1: Get a WooCommerce REST API key

A WooCommerce REST API key lets your Lovable app authenticate with your store. The key permissions you choose in WooCommerce control what the connection can do. To create a WooCommerce REST API key:
1

Open your WooCommerce settings

Sign in to your WordPress admin dashboard for the store you want to connect.
2

Open REST API keys

Go to WooCommerce → Settings → Advanced → REST API.
3

Add a key

Click Add key. Enter a description, for example Lovable integration, and choose the WordPress user the key belongs to.
4

Choose permissions

Choose the permissions your app needs:
  • Read: use this for dashboards, reports, search, and other read-only apps.
  • Read/Write: use this when your app needs to create or update products, orders, coupons, customers, refunds, or inventory.
5

Generate and copy the credentials

Click Generate API key, then copy the Consumer key and Consumer secret. WooCommerce only shows the consumer secret once.
Your consumer key and consumer secret function like a password. Keep them secure and never share them publicly. You’ll need them in the next step.
See WooCommerce documentation for detailed instructions: WooCommerce REST API key setup.

Step 2: Connect WooCommerce to Lovable

You can create multiple connections using different WooCommerce REST API keys.
1

Open WooCommerce in Connectors

Go to Connectors → App connectors and select WooCommerce.
2

Add a connection

Click Add connection.
3

Configure the connection

  • Display name: name the connection, for example WooCommerce Prod.
  • Store URL: enter the HTTPS URL of your WooCommerce store, for example https://store.example.com.
  • Consumer key: paste the WooCommerce REST API consumer key. It starts with ck_.
  • Consumer secret: paste the WooCommerce REST API consumer secret. It starts with cs_.
4

Choose who can access this connection

Under Who can access this connection, decide who in your workspace can use the connection:
  • Only you (default): only the person creating the connection can use it and its associated data.
  • Invite specific people: only you and explicitly added workspace members can use the connection and its associated data.
  • Invite entire workspace: click Invite entire workspace to make the connection available to everyone in your Lovable workspace.
See Connection-level access for more information.
5

Connect

Click Connect.
When connected, anyone building in a project can ask Lovable in chat to link their project to WooCommerce (based on configured connection-level access). Your Lovable apps can then read and manage WooCommerce data based on the REST API key permissions.

Working with WooCommerce REST API permissions

WooCommerce controls access through the permissions on the REST API key you create. If your app only needs dashboards, reports, product lists, or customer lookup, use a Read key. If your app needs to create or update store data, use a Read/Write key. The connector verifies credentials by listing products from your store. If verification fails with a route error, check that WooCommerce REST API routes work on your store and that WordPress permalinks are not set to Plain.

Limitations

The WooCommerce connector cannot:
  • Create WooCommerce REST API keys or change their permissions for you. Configure keys in WordPress admin first.
  • Bypass the permissions on the connected REST API key.
  • Configure WordPress permalinks, hosting, SSL, plugins, or WooCommerce settings.
  • Call general WordPress APIs or WooCommerce endpoints outside the connected store’s /wp-json/wc/v3 REST API path.
  • Refresh or rotate consumer keys automatically. To rotate credentials, generate a new key in WooCommerce and update the Lovable connection.
  • Support per-end-user WooCommerce login. Each connection represents a single WooCommerce store account shared across all projects linked to it.
Editors and above can remove specific projects from a connection without deleting the connection entirely. The connection will remain available for other projects. To unlink projects:
1

Open Connectors

Open Connectors, then go to App connectors, and select .
2

Open the connection

Open the connection you want to manage.
3

Select projects

Under Linked projects, check the projects you want to unlink.
4

Confirm

Click Unlink projects and confirm.
When unlinked, those projects will no longer have access to through this connection. If a project needs again, you can link it to any available connection.

How to delete a connection

Workspace admins and owners can delete connections. Other members can delete a connection if they created it, or if they have been explicitly granted access to it.
Deleting a connection is permanent and cannot be undone. It will remove the credentials from all linked projects, and any apps using this connection will stop working until a new connection is added.
Before deleting, review the Linked projects section to see which projects are currently using the connection. To delete a connection:
1

Open Connectors

Open Connectors, then go to App connectors, and select .
2

Open the connection

Open the connection you want to remove.
3

Review linked projects

Review the Linked projects section.
4

Delete

Under Delete this connection, click Delete and confirm.