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)

# About Tax Calculation Service Plugin

The Tax Calculation service plugin (formerly SPI) allows you to integrate a custom tax calculation service with Wix. Use the Tax Calculation service plugin together with the [Tax Groups API](fallback::https://dev.wix.com/docs/rest/business-management/payments/tax/tax-groups) and the [Tax Regions API](fallback::https://dev.wix.com/docs/rest/business-management/payments/tax/tax-regions) to customize your tax calculations.

The integration is done via an app created in the [Wix Dev Center](fallback::https://dev.wix.com/apps) with the Tax Calculation service plugin.

Learn more about [implementing an service plugin with Wix](fallback::https://dev.wix.com/docs/rest/articles/getting-started/service-provider-interface).

## Use case
+ [Calculate tax for the United Kingdom](portalId::d1972c09-74e2-4d36-a6f2-54e3310d4ad9resourceId::db3112b6-a627-42b2-8d24-b200d7b927f7slug::sample-flows*fallback::https://dev.wix.com/docs/rest/business-management/payments/tax/tax-calculation-integration-spi/sample-flows)

## Terminology
- **Tax Region:** A location, defined by `country` and `subdivision` with a specific tax treatment. Tax is calculated based on the tax region and the tax group associated with a line item. See the [Tax Regions API](fallback::https://dev.wix.com/docs/rest/business-management/payments/tax/tax-regions).
- **Tax Group:** A category of products that share the same tax treatment. Tax is calculated based on the tax group and the tax region associated with a line item. See the [Tax Groups API](fallback::https://dev.wix.com/docs/rest/business-management/payments/tax/tax-groups).
- **Tax Calculator:** An app that is used under the hood to calculate tax for a Wix site. The app calculates tax based on the tax group of the product and the tax region of the sale. By integrating with the Tax Calculation service plugin, your app becomes a tax calculator.


# Configuration

With the Tax Calculation service plugin integrated into your app, Wix will call your app with [Calculate Tax](portalId::d1972c09-74e2-4d36-a6f2-54e3310d4ad9resourceId::db3112b6-a627-42b2-8d24-b200d7b927f7slug::calculate-tax*fallback::https://dev.wix.com/docs/rest/business-management/payments/tax/tax-calculation-integration-spi/calculate-tax) whenever tax needs to be recalculated on a site. For example, when line items are updated in a cart or checkout. 
Follow these steps to add the service plugin and enable Wix to communicate with your app.

1. Go to the [Extensions](fallback::https://dev.wix.com/docs/build-apps/develop-your-app/extensions/about-extensions) tab in the Wix Dev Center.

1. Click **+ Create Extension** in the top right.

1. Find **Tax Calculation Provider** and click **+ Create**.

1. Use the JSON editor to create the extension's configuration file. Configure the parameters by referencing the table below or the **Documentation** section to the right of the editor.
 For each parameter, add the parameter name and value in the JSON editor.
 | Name | Type | Description |
 | --- | --- | --- |
 | `deploymentUri` |string|**Required.** Base URI where the endpoints are called. Wix appends the endpoint path to the base URI.For example, to call the Calculate Tax endpoint at https://my-tax-calc.com/v1/calculateTax, the base URI you provide here is https://my-tax-calc.com/.|
 | `calculatorDisplayName` |string|Display name of the tax calculator.|
 | `unsupportedCountries` |array|List of countries, in [ISO-3166 alpha-1](fallback::https://en.wikipedia.org/wiki/ISO_3166-1_alpha-2#Officially_assigned_code_elements) format, that the calculator does not support. |
 | `componentName` |string| A unique name for this component. This is an internal name that will only appear in the Dev Center.|

1. Click [**Test Your App**](fallback::https://dev.wix.com/docs/build-apps/launch-your-app/app-submission/test-your-app-on-a-premium-site).

# Sample Use Cases and Flows

This article shares a possible use case your app could support, as well as a sample flow that could support the use case. You aren't limited to these exact flows, but it can be a helpful jumping off point as you plan your app's implementation.

## Calculate tax for the United Kingdom

A business operating in the United Kingdom needs to charge and collect tax at different rates throughout the country. Your app can provide the correct tax to charge for their sales.

Follow these steps to create an app that can calculate tax for the United Kingdom.
1. [Configure the service plugin](portalId::d1972c09-74e2-4d36-a6f2-54e3310d4ad9resourceId::db3112b6-a627-42b2-8d24-b200d7b927f7slug::configuration*fallback::https://dev.wix.com/docs/rest/business-management/payments/tax/tax-calculation-integration-spi/configuration) and give it a `calculatorDisplayName`, such as `"UK Tax App"`.

1. Use [Tax Regions API](fallback::https://dev.wix.com/docs/rest/business-management/payments/tax/tax-regions/) to create or update tax regions for the UK with your app ID in the `appId` field.

1. Add logic to your app so that when Wix calls it with [Calculate Tax](fallback::https://dev.wix.com/docs/rest/api-reference/wix-billing/tax-calculation-integration-spi/calculate-tax) your app returns a tax calculation based on different, relevant tax regions in [ISO-3166 alpha-2](fallback::https://en.wikipedia.org/wiki/ISO_3166-2) format. 

1. \[Optional\] You may also want to offer additional tax rates based on different categories of products. Use the [Tax Groups service plugin](portalId::d1972c09-74e2-4d36-a6f2-54e3310d4ad9resourceId::99bb1baf-bce8-4eb6-81be-039ebd16a194*fallback::https://dev.wix.com/docs/rest/business-management/payments/tax/tax-groups-integration-spi/configuration) to configure such tax groups.


value

StringValue

Wix common address format for physical address to use if you plan to store addresses in your service.

Main address line, usually street and number as free text.

addressLine

Free text providing more detailed address information, such as apartment, suite, or floor.

addressLine2

city

2-letter country code in [ISO-3166 alpha-1](https://en.wikipedia.org/wiki/ISO_3166-1_alpha-2#Officially_assigned_code_elements) format.

country

postalCode

Subdivision (such as state, prefecture, or province) in [ISO-3166 alpha-2](https://en.wikipedia.org/wiki/ISO_3166-2) format.

subdivision

Address

Index of the address from `addresses` to use to calculate tax for this specific line item. The index is zero-based.

AddressIndex

Multiple addresses to use for a sale. For example, some tax calculations may require both the address where an item is shipped from,
as well as the address the item is shipped to.

Single address to use for a sale location when only one address is required for tax calculations. The index is zero-based.

singleAddress

AddressIndexOptions

Items and information to calculate tax for.

Array of addresses. Each line item can individually reference the address to apply with `lineItems.addressIndex`.

addresses

3-letter currency code in [ISO-4217 alphabetic](https://en.wikipedia.org/wiki/ISO_4217#Active_codes) format.

currency

lineItems

CalculateTaxRequest

3-letter currency code in [ISO-4217 alphabetic](https://en.wikipedia.org/wiki/ISO_4217#Active_codes) format.
If this code doesn't match the `currency` passed in the request, then the response is invalid.

Details of each tax applied to each line item.

lineItemTaxDetails

CalculateTaxResponse

Type of jurisdiction that taxes were calculated for. For example, `"State"`, `"Çounty"`, `"City"`, `"Special"`, etc.

JurisdictionType

Stock keeping unit for this line item. Learn more about [SKUs](https://www.wix.com/encyclopedia/definition/stock-keeping-unit-sku).

itemCode

itemName

price

quantity

Tax group ID for this line item. If not provided, the default tax group applies.

taxGroupId

taxIncludedInPrice

taxRegionId

LineItem

Array of each tax applied, grouped by `jurisdiction`, `jurisdictionType`, `taxName`, `taxRate`, and `taxType`.

taxBreakdown

Summary of this line item's total price and tax.

LineItemTaxDetails

Total price for this line item.
To determine the price for each individual unit of this line item, divide by `quantity`.

fullPrice

The total amount of tax calculated for this line item.

taxAmount

taxableAmount

LineItemTaxSummary

MultipleAddresses are used for example for tax calculation of items shipped from store warehouse to a shipping address.
In this case origin is the warehouse address and destination is the shipping address.

destination

origin

MultipleAddresses

A detailed description of all the tax authorities applied on this item.

Jurisdiction that taxes were calculated for.

jurisdiction

jurisdictionType

nonTaxableAmount

Tax rate used for this jurisdiction, as a decimal. For example, 10% tax is `"0.1000"` and 200% tax is `"2.0000"`.

rate

Amount of this tax calculated for this jurisdiction.

Name of the tax that was calculated. For example, `"NY State Sales Tax"`, `"Quebec GST"`, etc.

taxName

Type of tax that was calculated. For example, `"Sales Tax"`, `"Income Tax"`, `"Value Added Tax"`, etc.

taxType

TaxBreakdown

calculatorDisplayName

*Required.** Base URI where the endpoints are called. Wix appends the endpoint path to the base URI.

For example, to call the Calculate Tax endpoint at https://my-tax-calc.com/v1/calculateTax, the base URI you provide here is `"https://my-tax-calc.com/"`.

List of countries, in [ISO-3166 alpha-1](https://en.wikipedia.org/wiki/ISO_3166-1_alpha-2#Officially_assigned_code_elements) format, that the calculator does not support.

unsupportedCountries

TaxCalculationConfig

totalAmount

Total amount of tax calculated for all line items.
Note that due to rounding, `totalTax` may not equal the sum of `lineItemTaxDetails.taxSummary.taxAmount`.

totalTax

Total amount of `totalTax` that is included in price. Applies to line items with `taxIncludedInPrice` set to `true`.

totalTaxIncludedInPrice

totalTaxableAmount

TaxSummary

this message is not directly used by any service,
it exists to describe the expected parameters that SHOULD be provided to invoked Velo methods as part of open-platform.
e.g. SPIs, event-handlers, etc..
NOTE: this context object MUST be provided as the last argument in each Velo method signature.

Example:
```typescript
export function wixStores_onOrderCanceled({ event, metadata }: OrderCanceledEvent) {
...
}
```

[ISO 4217](https://en.wikipedia.org/wiki/ISO_4217) 3-letter currency code.

An object that describes the identity that triggered this request.

instanceId

A string representing a language and region in the format of `"xx-XX"`. First 2 letters represent the language code according to ISO 639-1. This is followed by a dash "-", and then a by 2 capital letters representing the region according to ISO 3166-2. For example, `"en-US"`.

languages

A unique identifier of the request. You may print this ID to your logs to help with future debugging and easier correlation with Wix's logs.

requestId

Context

identityType

IdentificationData

IdentityType

ID of a site visitor that has not logged in to the site.

anonymousVisitorId

appId

ID of a site visitor that has logged in to the site.

memberId

ID of a Wix user (site owner, contributor, etc.).

wixUserId

alternativeUris

URI that will be used by the host to call the implementer. The path-suffix defined on the method will be appended to it

baseUri

SpiBaseUri

absolute uri that will be used by the host to call that method. The path-suffix mapped from the method http option will NOT be appended to this URI. For TPAs. it must be https

absoluteUri

name of the method as it appears in the proto

methodName

AlternativeUri

Calculates tax for the provided line items.

Tax is calculated for each line item based on the [tax region](https://dev.wix.com/docs/rest/business-management/payments/tax/tax-regions)
in `lineItems.taxRegionId` and the [tax group](https://dev.wix.com/docs/rest/business-management/payments/tax/tax-groups) in `lineItems.taxGroupId`.

The breakdown of calculated tax returned, includes:
+ `taxSummary`: The overall total tax calculated.
+ `lineItemTaxDetails.taxBreakdown`: The tax calculated for each line item in each jurisdiction.
+ `lineItemTaxDetails.taxSummary`: The total tax calculated for each line item.

Trigger a tax calculation for a given set of line items and their addresses.