Get to know our frameworks

Select an app template built on your preferred framework.

Build apps on our native app editor. Use drag and drop elements, Velo code and Wix APIs to develop custom features.

Streamline your app development process with the Wix CLI. Get a familiar developer experience with minimal setup and configuration.

Take full control over your app's tech stack, deployment, and hosting.

App templates

Wix Blocks templates

Wix CLI templates

Self-hosted templates

Kickstart your app development with templates built on your preferred Wix developer tool. Browse templates for practical foundation and get to know the Wix ecosystem.

Wix App Templates for Developers

This example apps can be used as a starting point for building your own app, for concrete examples of how to use Wix framework, or for inspiration.

Choose a template.<0 />Build an app.

Browse by:

How to build it step by step:

This template is built with:

Read how this template was built, step by step.

How we built this template

Deployment instructions:

Choose a package manager and run the command in your terminal.

Copy command

Before you get started, make sure you have the following:

Prerequisite steps

Get started with Wix CLI

Begin by setting up your Next.js project with your preferred hosting platform.

Select your hosting service

Start the deployment flow and set up your template repo on Netlify. After you finish set up, come back here and add your Netlify custom domain.

Copy the code from our Git repo to deploy your app on any platform that supports Next.js.

Start the deployment flow and set up your template repo on Vercel. After you finish set up, come back here and add your Vercel generated URL.

Add the base URL and give your app a name.

App details

Go to the app dashboard and test your app to ensure a smooth integration within the Wix ecosystem. <0>Learn more about app checks and testing</0>

Define your environment

Terminal

Related templates

Note

Warning

Your app name will be used as the namespace suffix.

Name your app to generate a namespace. This lets you refer to your app in code later on.

Go Headless

Build Apps

Client

API Preview

Develop Websites

REST

Velo

GraphQL (Alpha)

ID of the external calendar provider. Find this with the [`listProviders()`](#list-providers) function.

providerId

string

ID of the schedule to connect with the external calendar account.

scheduleId

Email address for the external calendar account.

email

Password for the external calendar account.

password

Connects to an external calendar by directly providing the external calendar account credentials.


Once a connection is successfully created, use [`listEvents()`](#list-events) to obtain an up-to-date list of events in the connected external calendars.

> **Note:**
> Use [`listProviders()`](#list-providers) to find out whether to connect to a particular provider using this method or [`connectByOAuth()`](#connect-by-o-auth).

import { createClient, ApiKeyStrategy } from '@wix/sdk';
import { externalCalendars } from '@wix/bookings';

const wixClient = createClient({
  modules: { externalCalendars },
  auth: ApiKeyStrategy({
    siteId: 'MY-SITE-ID',
    apiKey: 'MY-API-KEY'
  })
});

async function connectByCredentials(providerId, scheduleId, email, password) {
  const response = await wixClient.externalCalendars.connectByCredentials(providerId, scheduleId, email, password);
}

connectByCredentials() with API Key access

import { createClient } from '@wix/sdk';
import { dashboard } from '@wix/dashboard';
import { externalCalendars } from '@wix/bookings';

const wixClient = createClient({
  modules: { externalCalendars },
  auth: dashboard.auth(),
  host: dashboard.host()
});

async function connectByCredentials(providerId, scheduleId, email, password) {
  const response = await wixClient.externalCalendars.connectByCredentials(providerId, scheduleId, email, password);
}

connectByCredentials() with Dashboard app access

connectByCredentials

ConnectByCredentialsResponse

URL to redirect the user to after they authorize access to the external calendar account.

If the connection is successfully established, the user is redirected to this URL with a query parameter `connectionId` containing the new connection ID.
If the attempt to connect fails, the user is redirected to this URL with a query parameter `error` containing the error type.

redirectUrl

Connects to an external calendar using the OAuth authorization protocol.


The authorization flow should take place as follows:

1. Call the function with the appropriate parameters.
2. Redirect the user to the URL received in the response.
3. The user authorizes access.
4. The user is redirected to the URL you provide in the `redirectUrl` parameter, with a query parameter `connectionId` containing the new connection ID.

If the attempt to connect fails, the user is still redirected to the URL you provide in the `redirectUrl` parameter,
but with a query parameter `error` containing one of the following values:

- `reject`: The user rejected the authorization request.
- `unsupported`: Connecting to the user's external account type is not supported by the provider.
- `internal`: An error unrelated to the client or the request that prevents the server from fulfilling the request.

Once a connection is successfully created, use [`listEvents()`](#list-events) to obtain an up-to-date list of events in the connected external calendars.

> **Note:**
> Use [`listProviders()`](#list-providers) to find out whether to connect to a particular provider using this endpoint or [`connectByCredentials()`](#connect-by-credentials).

import { createClient, ApiKeyStrategy } from '@wix/sdk';
import { externalCalendars } from '@wix/bookings';

const wixClient = createClient({
  modules: { externalCalendars },
  auth: ApiKeyStrategy({
    siteId: 'MY-SITE-ID',
    apiKey: 'MY-API-KEY'
  })
});

async function connectByOAuth(providerId, scheduleId, redirectUrl, options) {
  const response = await wixClient.externalCalendars.connectByOAuth(providerId, scheduleId, redirectUrl, options);
}

connectByOAuth() with API Key access

import { createClient } from '@wix/sdk';
import { dashboard } from '@wix/dashboard';
import { externalCalendars } from '@wix/bookings';

const wixClient = createClient({
  modules: { externalCalendars },
  auth: dashboard.auth(),
  host: dashboard.host()
});

async function connectByOAuth(providerId, scheduleId, redirectUrl, options) {
  const response = await wixClient.externalCalendars.connectByOAuth(providerId, scheduleId, redirectUrl, options);
}

connectByOAuth() with Dashboard app access

connectByOAuth

ConnectByOAuthResponse

ID of the external calendar connection to disconnect.

connectionId

Disconnects from an external calendar.


When an external calendar is disconnected, the external calendar connection's `status` is changed to `DISCONNECTED`.

After disconnecting, [`listEvents()`](#list-events) no longer returns events from the disconnected external calendar.
Exported Wix calendar sessions are deleted from the external calendar.

import { createClient, ApiKeyStrategy } from '@wix/sdk';
import { externalCalendars } from '@wix/bookings';

const wixClient = createClient({
  modules: { externalCalendars },
  auth: ApiKeyStrategy({
    siteId: 'MY-SITE-ID',
    apiKey: 'MY-API-KEY'
  })
});

async function disconnect(connectionId) {
  const response = await wixClient.externalCalendars.disconnect(connectionId);
}

disconnect() with API Key access

import { createClient } from '@wix/sdk';
import { dashboard } from '@wix/dashboard';
import { externalCalendars } from '@wix/bookings';

const wixClient = createClient({
  modules: { externalCalendars },
  auth: dashboard.auth(),
  host: dashboard.host()
});

async function disconnect(connectionId) {
  const response = await wixClient.externalCalendars.disconnect(connectionId);
}

disconnect() with Dashboard app access

disconnect

DisconnectResponse

Retrieves an external calendar connection by ID.


The external calendar connection contains details of the connection between a Wix site's calendar and calendars hosted by an external provider.

The `syncConfig` property contains configuration details for importing events from an external calendar, exporting events to an external calendar, or both.

import { createClient, ApiKeyStrategy } from '@wix/sdk';
import { externalCalendars } from '@wix/bookings';

const wixClient = createClient({
  modules: { externalCalendars },
  auth: ApiKeyStrategy({
    siteId: 'MY-SITE-ID',
    apiKey: 'MY-API-KEY'
  })
});

async function getConnection(connectionId) {
  const response = await wixClient.externalCalendars.getConnection(connectionId);
}

getConnection() with API Key access

import { createClient } from '@wix/sdk';
import { dashboard } from '@wix/dashboard';
import { externalCalendars } from '@wix/bookings';

const wixClient = createClient({
  modules: { externalCalendars },
  auth: dashboard.auth(),
  host: dashboard.host()
});

async function getConnection(connectionId) {
  const response = await wixClient.externalCalendars.getConnection(connectionId);
}

getConnection() with Dashboard app access

getConnection

GetConnectionResponse

ID of the external calendar connection to list calendars for.

Retrieves a list of calendars belonging to the connected external calendar account.


> **Note:**
> Before using this function, establish a connection with an external calendar using [`connectByCredentials()`](#connect-by-credentials) or [`connectByOAuth()`](#connect-by-o-auth).

import { createClient, ApiKeyStrategy } from '@wix/sdk';
import { externalCalendars } from '@wix/bookings';

const wixClient = createClient({
  modules: { externalCalendars },
  auth: ApiKeyStrategy({
    siteId: 'MY-SITE-ID',
    apiKey: 'MY-API-KEY'
  })
});

async function listCalendars(connectionId) {
  const response = await wixClient.externalCalendars.listCalendars(connectionId);
}

listCalendars() with API Key access

import { createClient } from '@wix/sdk';
import { dashboard } from '@wix/dashboard';
import { externalCalendars } from '@wix/bookings';

const wixClient = createClient({
  modules: { externalCalendars },
  auth: dashboard.auth(),
  host: dashboard.host()
});

async function listCalendars(connectionId) {
  const response = await wixClient.externalCalendars.listCalendars(connectionId);
}

listCalendars() with Dashboard app access

listCalendars

ListCalendarsResponse

options

ListConnectionsOptions

Retrieves a list of external calendar connections.


Each external calendar connections contain details of a connection between a Wix site's calendar and calendars hosted by an external provider.

The `syncConfig` property of each connection contains configuration details for importing events from an external calendar, exporting events to an external calendar, or both.

import { createClient, ApiKeyStrategy } from '@wix/sdk';
import { externalCalendars } from '@wix/bookings';

const wixClient = createClient({
  modules: { externalCalendars },
  auth: ApiKeyStrategy({
    siteId: 'MY-SITE-ID',
    apiKey: 'MY-API-KEY'
  })
});

async function listConnections(options) {
  const response = await wixClient.externalCalendars.listConnections(options);
}

listConnections() with API Key access

import { createClient } from '@wix/sdk';
import { dashboard } from '@wix/dashboard';
import { externalCalendars } from '@wix/bookings';

const wixClient = createClient({
  modules: { externalCalendars },
  auth: dashboard.auth(),
  host: dashboard.host()
});

async function listConnections(options) {
  const response = await wixClient.externalCalendars.listConnections(options);
}

listConnections() with Dashboard app access

listConnections

ListConnectionsResponse

ListEventsOptions

Retrieves a list of events from all connected external calendars, based on the provided filtering and paging.


Use List Events to retrieve an aggregated list of events in the connected external calendars for a specified time range, sorted by start date.

> **Note:**
> Before using this function, establish a connection with an external calendar using [`connectByCredentials()`](#connect-by-credentials) or [`connectByOAuth()`](#connect-by-o-auth).

import { createClient, ApiKeyStrategy } from '@wix/sdk';
import { externalCalendars } from '@wix/bookings';

const wixClient = createClient({
  modules: { externalCalendars },
  auth: ApiKeyStrategy({
    siteId: 'MY-SITE-ID',
    apiKey: 'MY-API-KEY'
  })
});

async function listEvents(options) {
  const response = await wixClient.externalCalendars.listEvents(options);
}

listEvents() with API Key access

import { createClient } from '@wix/sdk';
import { dashboard } from '@wix/dashboard';
import { externalCalendars } from '@wix/bookings';

const wixClient = createClient({
  modules: { externalCalendars },
  auth: dashboard.auth(),
  host: dashboard.host()
});

async function listEvents(options) {
  const response = await wixClient.externalCalendars.listEvents(options);
}

listEvents() with Dashboard app access

listEvents

ListEventsResponse

Retrieves a list of the external calendar providers for which the site supports integration.


The list of external calendar providers includes:

+ External calendar providers that are supported by default, such as Google, Apple, and Microsoft.
+ External calenders for which the site owner has enabled integration by installing an app.

For each external calendar provider, the list contains information about supported connection methods and features.
For each provider, check `features.connectMethods` to find out whether to use [`connectByCredentials()`](#connect-by-credentials) or [`connectByOAuth()`](#connect-by-o-auth) to establish a connection.

import { createClient, ApiKeyStrategy } from '@wix/sdk';
import { externalCalendars } from '@wix/bookings';

const wixClient = createClient({
  modules: { externalCalendars },
  auth: ApiKeyStrategy({
    siteId: 'MY-SITE-ID',
    apiKey: 'MY-API-KEY'
  })
});

async function listProviders() {
  const response = await wixClient.externalCalendars.listProviders();
}

listProviders() with API Key access

import { createClient } from '@wix/sdk';
import { dashboard } from '@wix/dashboard';
import { externalCalendars } from '@wix/bookings';

const wixClient = createClient({
  modules: { externalCalendars },
  auth: dashboard.auth(),
  host: dashboard.host()
});

async function listProviders() {
  const response = await wixClient.externalCalendars.listProviders();
}

listProviders() with Dashboard app access

listProviders

ListProvidersResponse

ID of the external calendar connection to update.

syncConfig

ConnectionSyncConfig

Updates the specified external calendar connection's sync configuration.


Use Update Sync Config to update a connection's `syncConfig` property.
The `syncConfig` property contains settings for enabling, configuring, or disabling functionality, including:

+ Importing events from one or more specified calendars in the connected external calendar account. If this is enabled, use [`listEvents()`](#list-events) to retrieve a list of events from the external calendar.
+ Exporting events from the Wix site's calendar to an external calendar.

To see an external calendar connection's existing sync configuration, use [`getConnection()`](#get-connection) or [`listConnections()`](#list-connections) and see the `syncConfig` property.

> **Note:**
> Supported functionality depends on the provider. Use [`listProviders()`](#list-providers) to see details about providers' supported features.

import { createClient, ApiKeyStrategy } from '@wix/sdk';
import { externalCalendars } from '@wix/bookings';

const wixClient = createClient({
  modules: { externalCalendars },
  auth: ApiKeyStrategy({
    siteId: 'MY-SITE-ID',
    apiKey: 'MY-API-KEY'
  })
});

async function updateSyncConfig(connectionId, syncConfig, options) {
  const response = await wixClient.externalCalendars.updateSyncConfig(connectionId, syncConfig, options);
}

updateSyncConfig() with API Key access

import { createClient } from '@wix/sdk';
import { dashboard } from '@wix/dashboard';
import { externalCalendars } from '@wix/bookings';

const wixClient = createClient({
  modules: { externalCalendars },
  auth: dashboard.auth(),
  host: dashboard.host()
});

async function updateSyncConfig(connectionId, syncConfig, options) {
  const response = await wixClient.externalCalendars.updateSyncConfig(connectionId, syncConfig, options);
}

updateSyncConfig() with Dashboard app access

updateSyncConfig

UpdateSyncConfigResponse

---
title: Introduction
---

# Introduction

The External Calendars API enables you to connect and sync a Wix site with external calendars.

With External Calendars, you can:

+ Establish a connection between a Wix site and an external calendar account.
+ Import events to a Wix site from a connected external calendar.
+ Export events from a Wix site's calendar to a connected external calendar.
+ Retrieve information about calendars belonging to an external calendar account.
+ Retrieve information about support for external calendar providers. 

The External Calendars API provides built-in support for Google, Microsoft, and Apple calendars. Integration with additional external calendars can be enabled by installing a calendar integration app from the Wix App Market.

## Before you begin

It’s important to note the following points before starting to code:

+ External calendar providers have different requirements for authentication. Use [`listProviders()`](https://dev.wix.com/docs/sdk/backend-modules/bookings/external-calendars/list-providers) to find out whether to connect with a provider using [`connectByOAuth()`](https://dev.wix.com/docs/sdk/backend-modules/bookings/external-calendars/connect-by-oauth) or [`connectByCredentials()`](https://dev.wix.com/docs/sdk/backend-modules/bookings/external-calendars/connect-by-credentials).
+ A connection’s `syncConfig` property contains settings for the external calendar connection, including whether importing and/or exporting of calendar events is enabled.

## Terminology

+ **External calendar**: A calendar hosted by a third-party calendar service.
+ **External calendar provider**: The third-party service providing an external calendar. For example: Google, Apple, or Microsoft.
+ **External calendar connection**: A linkage established between a Wix site’s calendar and one or more external calendars, to enable importing and/or exporting calendar events.
+ **Event**: A single session or recurring session instance that appears in a specific block of time in a calendar, such as an appointment or class.
+ **Schedule**: Collection of all sessions that belong to the same class, course, appointment, or resource in a Wix site's calendar.


To use the ExternalCalendars API, install the `@wix/bookings` package using npm or Yarn:
  ```console
npm install @wix/bookings
```

or

```console
yarn add @wix/bookings
```

Then import `{ externalCalendars }` from `@wix/bookings`:

```js
import { externalCalendars } from '@wix/bookings'
```
  

bookings_external-calendars

Calendar

Display name of the external calendar.
For example, "Primary" or "Birthdays".

name

CalendarType

Calendars

calendars

connection

Connection

URL of the external calendar authorization page to redirect the user to.

oauthUrl

ConnectMethod

ID of the Wix App the external calendar connection belongs to.

appId

calendarType

Reason for the error, if `status` is `ERROR`.

+ `TOKEN_REVOKED`: External calendar access token revoked.
+ `EXTERNAL_CALENDAR_CREATION_FAILED`: External calendar creation failed.
+ `EXTERNAL_CALENDAR_DELETED`: External calendar was deleted.

errorReason

ErrorReason

Email address associated with the external calendar account. Empty until sync is completed successfully.

externalAccountEmail

ID of the schedule connected to the external calendar.

Connection status.

+ `CONNECTED`: A connection has been established with the external calendar.
+ `SYNC_IN_PROGRESS`: A sync is in progress.
+ `SYNCED`: External calendar sync complete.
+ `DISCONNECTED`: External calendar has been disconnected.
+ `ERROR`: An error occurred when syncing with the external calendar.

status

Status

Sync configuration. Contains settings for enabling, configuring, or disabling functionality, including:

+ Importing events from one or more specified calendars in the connected external calendar account.
+ Exporting events from the Wix site's calendar to an external calendar.

ID of the Wix user the external calendar connection belongs to.

userId

Configuration for importing events from external calendars.
If enabled, use the [`listEvents()`](#list-events) function to retrieve a list of events from external calendars.

listEventFromCalendars

ConnectionSyncConfigListEventFromCalendars

Configuration for exporting calendars from the Wix site's calendar to a connected external calendar.

syncToCalendar

ConnectionSyncConfigSyncToCalendar

Import events from a list of specified external calendars.

**Note**: The list can include the primary calendar.

Import events only from the primary external calendar. Enable this by passing an empty object.

**Note**: Not all external calendar providers designate a primary calendar.

primaryCalendar

Whether to enable importing events from external calendars through this connection.

enabled

boolean

Sync to a dedicated external calendar. Enable this by passing an empty object.

dedicatedCalendar

Sync to the primary external calendar. Enable this by passing an empty object.

Whether to enable exporting events to an external calendars through this connection.

CursorPaging

Pointer to the next or previous page in the list of results.

You can get the relevant cursor token
from the `pagingMetadata` object in the previous call's response.
Not relevant for the first request.

cursor

limit

number

CursorPagingMetadata

Number of items returned in the response.

count

cursors

Cursors

Indicates if there are more results after the current page.
If `true`, another page of results can be retrieved.
If `false`, this is the last page.

hasNext

Cursor pointing to next page in the list of results.

DedicatedCalendar

Event

Whether the event is an all-day event.

Default: `false`

allDay

calendarName

End date and time of the event (exclusive), formatted according to [RFC 3339](https://www.ietf.org/rfc/rfc3339.txt).

ID of the schedule connected to the external calendar the event belongs to.

ID of the Wix user the schedule belongs to.
For example, the ID of the staff member (resource) who owns the schedule.

scheduleOwnerId

Name of the Wix user the schedule belongs to.
For example, the name of the staff member (resource) who owns the schedule.

scheduleOwnerName

Start date and time of the event (inclusive), formatted according to [RFC 3339](https://www.ietf.org/rfc/rfc3339.txt).

getConnection( )

Permission Scopes