- 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
Common use cases and example apps
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
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.
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:1
Open your Wix account
Sign in to Wix with the account you want to connect.
2
Open API Keys Manager
Go to the Wix API Keys Manager.
3
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.4
Copy your account ID
Copy the account ID shown in the API Keys Manager. You need it when connecting Wix in Lovable.
Step 2: Connect Wix to Lovable
You can create multiple connections using different API keys and account IDs.1
Open Wix in Connectors
Go to Connectors → App connectors and select Wix.
2
Add a connection
Click Add connection.
3
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.
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.
5
Connect
Click Connect.
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 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: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.
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. 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.