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

# Connecting Wix to your app

> Show products, sync bookings, import contacts, and display blog posts from your Wix site in your app, using one shared Wix site or each person's own Wix site.

Connect your app to a Wix site to show store products, sync bookings, import contacts, and display blog posts. Use one shared Wix site for your whole app or let each person connect their own.

***

## What you can do

Bring your Wix site data and business tools into your app.

> [card] Show your store
>
> Show products from your Wix Store in your app, and create orders in Wix Stores when someone buys something.

> [card] Sync bookings
>
> Bring bookings from Wix Bookings into a calendar or scheduling app.

> [card] Import contacts
>
> Import contacts from Wix CRM into your app's customer list.

> [card] Display blog posts
>
> Show the latest posts from your Wix blog on a page in your app.

**Example prompts**

In the AI chat, describe the site, the data to show or sync, and when it should update. For example:

```text wrap theme={null}
Show products from my Wix Store in this app.
```

```text wrap theme={null}
Sync bookings from Wix Bookings to my calendar app.
```

```text wrap theme={null}
Import contacts from Wix CRM into my customer list.
```

```text wrap theme={null}
Display blog posts from my Wix site.
```

```text wrap theme={null}
Create orders in Wix Stores when purchases are made here.
```

***

## Connecting Wix

Choose how people connect: one shared Wix site for your whole app, or each person's own site.

> [tab] Shared connector
>
> Connect one Wix site, and everyone who uses your app shares it and its data.
>
> **To add a shared Wix connector:**
>
> 1. Click **Connectors** in your workspace sidebar.
>
> 2. Click **Add connector**.
>
> 3. Search for **Wix** and click it.
>
> 4. Select **Shared connector**, then click **Next**.
>
> 5. Enter a **Connection name**.
>
> 6. In **Who can access**, choose **Apps and Super agent**, **Apps only**, or **Super agent only**. **Apps and Super agent** is selected by default.
>
>    ![Shared Wix connector setup with Connection name and Who can access](https://mintcdn.com/base44/f-7NhkNoXDoVi_Da/images/apps-connectors-wix-shared-setup.png?fit=max\&auto=format\&n=f-7NhkNoXDoVi_Da\&q=85\&s=6f6bcc3dca4b686e0906ff80a3a04f73)
>
>    Setting up a shared Wix connector
>
> 7. Click **Add connector**.
>
> 8. Sign in with the Wix account that owns the site you want to connect.
>
> 9. Choose the site you want to connect.
>
> 10. Approve the access Wix asks for.

> [tab] App user connector
>
> Each person connects their own Wix site, so your app can work with their site's data.
>
> > [!WARNING]
> >
> > Only workspace owners and admins can set this up.
>
> > [!TIP]
> >
> > **Before you set up an app user connector:** Create an app in the Wix developer dashboard and give it the permissions your Base44 app needs. Have its app ID and secret key ready. See [Using your own OAuth client](https://docs.base44.com/Integrations/Connectors.md#using-your-own-oauth-client).
>
> **To add an app user Wix connector:**
>
> 1. Click **Connectors** in your workspace sidebar.
>
> 2. Click **Add connector**.
>
> 3. Search for **Wix** and click it.
>
> 4. Select **App user connector**, then click **Next**.
>
> 5. Copy the **Callback URL**.
>
> 6. In your Wix app's OAuth settings, add the Callback URL as a redirect URL.
>
> 7. Back in the **Add Wix Connection** form, enter a **Connector name**.
>
> 8. Enter your Wix app's ID as the **Client ID**.
>
> 9. Enter your Wix app's secret key as the **Client Secret**.
>
>    ![Add Wix Connection form with Callback URL, Connector name, Client ID, and Client Secret](https://mintcdn.com/base44/f-7NhkNoXDoVi_Da/images/apps-connectors-wix-app-user-credentials.png?fit=max\&auto=format\&n=f-7NhkNoXDoVi_Da\&q=85\&s=0fa10412b667fc66eab33a1aed062fcd)
>
>    Entering your Wix app's credentials
>
> 10. Click **Add Connector**.
>
> 11. Go to your app editor.
>
> 12. Ask the AI chat to add a way for people to connect their own Wix site.

***

## Scopes and permissions

Your app gets the Wix permissions you approve or set in Wix. Base44 adds one scope of its own.

> [card]
>
> **1. Base44 adds**
>
> Base44 always includes this scope. You see it locked under **Scopes** for an app user connector.
>
> * `offline_access`: Keep the connection working without signing in again
>
> **2. Wix sets**
>
> For a shared connector, you review the access Wix asks for when you choose your site. For an app user connector, your app gets the permissions you set in your own Wix app's dashboard.
>
> **Access:** Your app works with the site you chose when you connected.

***

## Using backend functions

Once Wix is connected, your backend functions can retrieve an access token and call the Wix REST API directly. Base44 handles sign-in and keeps the token up to date for you. The token already points to the connected site.

* For a shared connection, use `getConnection()` to retrieve the token.
* For an app user connection, use `getCurrentAppUserConnection()` so each request uses the signed-in person's token.

Call the Wix REST API at `www.wixapis.com` and pass the token in the `Authorization` header. This example uses the Wix Stores Catalog V3 API:

```javascript theme={null}
// Shared connection: one Wix site the whole app uses
const { accessToken } = await base44.asServiceRole.connectors.getConnection("wix");

const response = await fetch("https://www.wixapis.com/stores/v3/products/query", {
  method: "POST",
  headers: {
    Authorization: `Bearer ${accessToken}`,
    "Content-Type": "application/json",
  },
  body: JSON.stringify({ query: { cursorPaging: { limit: 10 } } }),
});
const { products } = await response.json();
```

> [card] [Shared connectors](https://docs.base44.com/developers/backend/resources/connectors/shared-connectors.md)
>
> Configure, deploy, and call a shared connection from a backend function.

> [card] [App user connectors](https://docs.base44.com/developers/backend/resources/connectors/app-user-connectors.md)
>
> Retrieve a per-user token and call the API as the signed-in person.

***

## Troubleshooting

Check the connection and the connected site if Wix stops working in your app.

> [accordion] The connection needs to be reconnected
>
> If Wix access is lost or expires, the connection shows a **Reconnect this connection** section. For a shared connector, [reconnect it](https://docs.base44.com/Integrations/Connectors.md#managing-your-connectors) and choose the same Wix site. Every app that uses it works again. For an app user connector, each person reconnects their own site from inside your app.

> [accordion] My app shows data from the wrong site
>
> Each connection works with the site chosen when it was made. To use a different site, click **Add another connector** on the Wix connector page and choose that site for the new connection.

> [accordion] My app can't reach store, booking, or contact data
>
> Check that the connected site has the Wix business solution your app uses, such as Wix Stores or Wix Bookings. For an app user connector, also check that your Wix app has the permissions for that data.

***

## FAQs

> [accordion] Can I connect more than one Wix site?
>
> Yes. Add a separate connection for each site, then tell the AI chat which connection to use for each part of your app.

> [accordion] Which Wix account should I connect?
>
> Connect the Wix account that owns or manages the site you want your app to work with.

> [accordion] Is this the same as Base44 Payments powered by Wix?
>
> No. The Wix connector works with your Wix site's data. To take payments in your app, see [Setting up Base44 Payments powered by Wix](https://docs.base44.com/Setting-up-your-app/setting-up-wix-payments.md).


This documentation is built and hosted on [Mintlify](https://mintlify.com), a developer documentation platform.