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

# Connect your app to Wix

> Connect your app to Wix, a website and business platform, to read and manage Wix sites, ecommerce, bookings, CRM, and CMS resources.

export const connector_0 = "Wix"

[Wix](https://www.wix.com/) is a website and business platform for managing sites, stores, bookings, customer data, and content. The Wix connector lets your Lovable app call Wix APIs with your Wix API key and account ID. It's designed for apps that need to work with Wix site and business data from a Lovable project.

With Wix, your app can:

* List and inspect Wix sites available to the connected account
* Read and manage ecommerce, bookings, CRM, CMS, and business resources through Wix APIs
* Build dashboards and workflows around Wix account or site data
* Run server-side admin operations through the connector gateway

Wix is a good fit when you already manage sites or business operations in Wix and want a Lovable app to use that account data.

## Common use cases and example apps

| Example app                | Example prompt                                                                                                                     | Description                                                                                                                                                                            |
| :------------------------- | :--------------------------------------------------------------------------------------------------------------------------------- | :------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
| Wix site dashboard         | *Use Wix and build a dashboard that lists all sites in my Wix account and shows key status details.*                               | **Show Wix account data in one internal view.**<br />The app lists sites available to the connected account and helps operators choose the right site before fetching site-level data. |
| Ecommerce order operations | *Use Wix and build an admin page for reviewing recent store orders and customer details.*                                          | **Manage Wix store operations from a Lovable app.**<br />The app calls Wix ecommerce APIs so your team can review order and customer information in a custom workflow.                 |
| Booking management panel   | *Use Wix and build a booking operations dashboard for upcoming appointments and customer records.*                                 | **Bring Wix booking data into a workflow app.**<br />The app reads bookings-related resources and presents schedule and customer context for your operations team.                     |
| CRM customer lookup        | *Use Wix and build a customer lookup tool that searches CRM contacts and displays recent activity.*                                | **Search Wix CRM data from an internal tool.**<br />The app retrieves contact records and related business data for support, sales, or account management workflows.                   |
| CMS content browser        | *Use Wix and build a content browser that lets editors review CMS collections for a selected site.*                                | **Review Wix CMS data outside the Wix dashboard.**<br />The app uses the selected site context to fetch content resources and present them in a focused editorial view.                |
| Multi-site operations app  | *Use Wix and build an operations tool that starts by asking which Wix site to manage, then shows relevant store and site details.* | **Support accounts with multiple Wix sites.**<br />The app queries the connected account's sites first, then uses the selected site for site-level API calls.                          |

## How to connect Wix

Workspace **admins** and **owners** can connect Wix.

You can create multiple Wix connections using different API keys and account IDs, which is useful for separating environments, managing multiple Wix accounts, or limiting access by workspace connection.

When the connection is created, Wix 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 Wix, make sure you have:

* A Wix account
* A Wix API key from the API Keys Manager
* The Wix account ID associated with that API key
* Lovable workspace owner or admin role

<Note>
  All API requests made through this connector use your Wix API key. Wix API usage, quotas, and billing are handled directly by Wix, not Lovable.
</Note>

### Step 1: Get a Wix API key and account ID

A Wix API key and account ID let your Lovable app authenticate with Wix APIs through the connector gateway.

To get the values you need:

<Steps>
  <Step title="Open your Wix account">
    Sign in to [Wix](https://www.wix.com/) with the account you want to connect.
  </Step>

  <Step title="Open API Keys Manager">
    Go to the [Wix API Keys Manager](https://manage.wix.com/account/api-keys).
  </Step>

  <Step title="Create or copy an API key">
    Create a new API key for Lovable, or copy an existing key you want this connection to use. Give new keys a descriptive name, for example `Lovable integration`.
  </Step>

  <Step title="Copy your account ID">
    Copy the account ID shown in the API Keys Manager. You need it when connecting Wix in Lovable.
  </Step>
</Steps>

<Warning>
  Your Wix API key functions like a password. Keep it secure and never share it publicly. You need it in the next step.
</Warning>

See Wix documentation for more: [Wix API keys](https://dev.wix.com/docs/api-reference/articles/authentication/api-keys/about-api-keys).

### Step 2: Connect Wix to Lovable

You can create multiple connections using different API keys and account IDs.

<Steps>
  <Step title="Open Wix in Connectors">
    Go to **Connectors → App connectors** and select **Wix**.
  </Step>

  <Step title="Add a connection">
    Click **Add connection**.
  </Step>

  <Step title="Configure the connection">
    Enter the connection details:

    * **Display name**: name the connection, for example `Wix Prod`. This name is only used inside Lovable to identify the connection.
    * **Account ID**: paste the Wix account ID from the API Keys Manager.
    * **API key**: paste your Wix API key.
  </Step>

  <Step title="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](/integrations/introduction#connection-level-access) for more information.
  </Step>

  <Step title="Connect">
    Click **Connect**.
  </Step>
</Steps>

When connected, anyone building in a project can ask Lovable in chat to link their project to it. Your Lovable apps can then read and manage Wix business data through Wix APIs.

## Working with account and site-level APIs

Wix has account-level and site-level API calls. If your app does not know the Wix site ID yet, ask Lovable to list the sites available to the connected account first. Your app can then let someone choose a site before making site-level requests.

The connector gateway adds Wix authentication headers from the stored connection. Your app should use the connection secret that Lovable syncs to the project, not the Wix dashboard API key, when it calls the gateway.

## Limitations

The Wix connector cannot:

* Create or rotate Wix API keys for you. To rotate credentials, create a new key in Wix and update the Lovable connection.
* Expose Wix API keys to browser code. Calls should go through server-side code and the connector gateway.
* Choose a Wix site automatically when an account has multiple sites. Ask the user to select the site your app should use.
* Support per-end-user Wix login. Each connection represents one Wix account, API key, and account ID shared across projects linked to it.

## How to unlink projects from a {connector_0} connection

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:

<Steps>
  <Step title="Open Connectors">
    Open **Connectors**, then go to **App connectors**, and select **{connector_0}**.
  </Step>

  <Step title="Open the connection">
    Open the connection you want to manage.
  </Step>

  <Step title="Select projects">
    Under **Linked projects**, check the projects you want to unlink.
  </Step>

  <Step title="Confirm">
    Click **Unlink projects** and confirm.
  </Step>
</Steps>

When unlinked, those projects will no longer have access to {connector_0} through this connection. If a project needs {connector_0} again, you can link it to any available connection.

## How to delete a {connector_0} connection

Workspace admins and owners can delete {connector_0} connections. Other members can delete a connection if they created it, or if they have been explicitly granted access to it.

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

Before deleting, review the **Linked projects** section to see which projects are currently using the connection.

To delete a connection:

<Steps>
  <Step title="Open Connectors">
    Open **Connectors**, then go to **App connectors**, and select **{connector_0}**.
  </Step>

  <Step title="Open the connection">
    Open the connection you want to remove.
  </Step>

  <Step title="Review linked projects">
    Review the **Linked projects** section.
  </Step>

  <Step title="Delete">
    Under **Delete this connection**, click **Delete** and confirm.
  </Step>
</Steps>