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

Ricos

Develop Websites

REST

Velo

GraphQL (Alpha)

jobId

string

Field options. The `limit` and `offset` filters **must** be passed.

options

GetListSessionsJobResultOptions

Retrieves the job status and a list of session IDs, if ready.

import { analyticsSession } from '@wix/analytics-session';

async function getListSessionsJobResult(jobId, options) {
  const response = await analyticsSession.getListSessionsJobResult(jobId, options);
};

getListSessionsJobResult: Wix-hosted

// Import the client, the auth strategy for the relevant identity, and the relevant host module

import { analyticsSession } from '@wix/analytics-session';

// const wixClient = Create a client with the relevant module, auth strategy, and host module;

async function getListSessionsJobResult(jobId, options) {
  const response = await wixClient.analyticsSession.getListSessionsJobResult(jobId, options);
};

Learn more about [identities](https://dev.wix.com/docs/sdk/articles/getting-started/about-identities) and [host modules](https://dev.wix.com/docs/sdk/host-modules/about-host-modules).

getListSessionsJobResult: Self hosted

getListSessionsJobResult

GetListSessionsJobResultResponse

Filter options. The following filters **must** be passed:

 - Time period, either predefined or custom.

 - Session filter, either navigation flow (page interactions), conversion funnel steps, or device type.

ListSessionsAsyncOptions

Start an async job to retrieve a list of session IDs, given the provided filters. The following filters **must** be passed:
- Time period, either predefined or custom.
- Session filter, either navigation flow (page interactions), conversion funnel steps, or device type.

import { analyticsSession } from '@wix/analytics-session';

async function listSessionsAsync(options) {
  const response = await analyticsSession.listSessionsAsync(options);
};

listSessionsAsync: Wix-hosted

// Import the client, the auth strategy for the relevant identity, and the relevant host module

import { analyticsSession } from '@wix/analytics-session';

// const wixClient = Create a client with the relevant module, auth strategy, and host module;

async function listSessionsAsync(options) {
  const response = await wixClient.analyticsSession.listSessionsAsync(options);
};

listSessionsAsync: Self hosted

listSessionsAsync

ListSessionsAsyncResponse

sessionId

import { analyticsSession } from '@wix/analytics-session';

async function markSessionAsRecorded(sessionId) {
  const response = await analyticsSession.markSessionAsRecorded(sessionId);
};

markSessionAsRecorded: Wix-hosted

// Import the client, the auth strategy for the relevant identity, and the relevant host module

import { analyticsSession } from '@wix/analytics-session';

// const wixClient = Create a client with the relevant module, auth strategy, and host module;

async function markSessionAsRecorded(sessionId) {
  const response = await wixClient.analyticsSession.markSessionAsRecorded(sessionId);
};

markSessionAsRecorded: Self hosted

markSessionAsRecorded

void

# About the Analytics Sessions API

The Analytics Sessions API enables developers to access session IDs collected from Wix sites. 

<blockquote class='important'>
 Beta Feature: 
 This functionality is currently available to select beta users only.
</blockquote>

A session is a visit of a visitor to a site. A session starts when a visitor reaches the site, and ends after 30 minutes of inactivity. Within each session, a visitor can take multiple actions and view multiple pages. Each session is identified using a [browser session ID](https://hazelcast.com/glossary/web-session).

Wix offers select beta users an entry point to access selected analytics apps that record visitor sessions. When a site user (admin or contributor) accesses the entry point, Wix passes all relevant filters appended to the iframe URL, and your app can use the filter data to request a list of relevant visitor sessions from Wix. With this API, your app can extend Wix analytics data to help site owners identify pain points and find areas for improvement.

## Before you begin
- This functionality is currently available to select beta users only. If you are interested in providing such an app, reach out to [Wix Support](https://www.wix.com/support-chatbot?nodeId=25a57397-ccf7-4376-8b74-48d51edf7159&referral=devRels).
- Some calls in this API are asynchronous and return a job ID.
- All sessions are identified by their browser session IDs.
- An iframe dashboard page extension is required.
 
## Terminology

- **Session**: A visit of a visitor to a site. Within each session, a visitor can take multiple actions and view multiple pages.
- **Browser session ID**: An ID stored in the visitor's browser to identify the session.

To use the AnalyticsSession API, install the `@wix/analytics-session` package using npm or Yarn:
  ```console
npm install @wix/analytics-session
```

or

```console
yarn add @wix/analytics-session
```

Then import `{ analyticsSession }` from `@wix/analytics-session`:

```js
import { analyticsSession } from '@wix/analytics-session'
```
  

analytics-session_analytics-session

ConversionFunnelSessionsParams

exclude

FunnelStep

include

CustomTimePeriod

Custom period end date in provided timezone. Returned data will include all dates until the requested end date.
For example, { startDate: '2024-01-01', endDate: '2024-01-03' } will return data for '2024-01-01' and '2024-01-02'

endDate

Custom period start date in provided timezone.

startDate

DeviceType

limit

number

Number of items to skip in the current sort order.

offset

result

JobResult

jobStatus

JobStatus

sessionIds

total

Conversion funnel details. The steps in the journey the visitor has taken on the site.

conversionFunnel

deviceType

navigationFlow

Custom time period with start & end dates.

customTimePeriod

predefinedTimePeriod

User's timezone. Defaults to timezone as set in the [Site Properties API](https://dev.wix.com/docs/rest/business-management/site-properties/properties/properties-object).

timezone

NavigationFlowSessionsParams

Page interactions, including where the user dropped off. For example:
- ["/{Homepage}", "__DROP__"]: Sessions where a user visited the site's homepage and then dropped off.
- ["", "__DROP__"]: Sessions where a user visited (any page) and then dropped off.
- ["", "", "__DROP__"]: Session where a user visited any page, then navigated to any page, and then dropped off.

Setup