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)

# About the Wix eCommerce Gift Card API

The Wix eCommerce Gift Card API enables clients to perform various operations related to gift cards, including retrieving gift card data, applying gift card balances to purchases, and voiding previously redeemed transactions.

## Use cases
- [Check a gift card balance during checkout](fallback::https://dev.wix.com/docs/rest/business-solutions/e-commerce/gift-cards/gift-cards/sample-flows#check-a-gift-card-balance-during-checkout)
- [Apply a gift card balance to a purchase](fallback::https://dev.wix.com/docs/rest/business-solutions/e-commerce/gift-cards/gift-cards/sample-flows#apply-a-gift-card-balance-to-a-purchase)
- [Void a gift card transaction](fallback::https://dev.wix.com/docs/rest/business-solutions/e-commerce/gift-cards/gift-cards/sample-flows#void-a-gift-card-transaction)

## Before you begin
- Redeem and Void actions require the `appId` of the gift card provider, as returned in [Get Checkout](fallback::https://dev.wix.com/docs/rest/business-solutions/e-commerce/checkout/get-checkout) `giftCard.appId` or [List Transactions for Single Order](fallback::https://dev.wix.com/docs/rest/business-solutions/e-commerce/order-transactions/list-transactions-for-single-order) `payments.giftcardPaymentDetails.appId`. 
- For these APIs to function, a gift card provider must be integrated into the site. This integration can be achieved by any of the following:
  - Marking your app as [dependent](fallback::https://dev.wix.com/docs/build-apps/launch-your-app/market-listing/add-your-app-audience-info) on Wix Stores, Wix Bookings, or Wix Restaurants, which blocks the installation of your app and prompts users to install the required app first.
  - Making your app dependent on a third-party app that implements the Service Plugin, such as [Gifted](fallback::https://www.wix.com/app-market/gifted). There is currently no way to block installation on sites that don't have the third-party app installed, or to check that a site has installed the required app.
  - Building your own app that implements the [Wix eCommerce Gift Cards Service Plugin](fallback::https://dev.wix.com/docs/rest/business-solutions/e-commerce/service-plugins/gift-cards-service-plugin/introduction).

## Terminology
- **Redeem**: Applying a gift card balance to a purchase, including subtracting the applied value from the gift card balance.
- **Void**: Reversing a redeem action and returning the applied value to the gift card balance.


# Sample Flows

This article shares some typical use cases you can support, as well as an example flow that supports each use case. You're certainly not limited to these use cases, but they can be a helpful jumping off point as you plan your implementation.

The following sample flows describe the use of gift card balances that are managed via Wix, in checkout flows on non-Wix clients.

## Check a gift card balance during checkout 

When a customer begins the checkout flow for a purchase of $100 on your client, and they have a gift card balance of $50:
1. A customer chooses to use their gift card to pay for their $100 purchase, enters the gift card code in the designated slot and clicks **Apply**.
2. The client calls [Get Gift Card](fallback::https://dev.wix.com/docs/rest/business-solutions/e-commerce/gift-cards/gift-cards/get-gift-card) with the gift card code.

    Example request:
    ```json
    { "code": "GIFT-CARD-CODE-123" }
    ```

3. The Gift Card service identifies the appropriate gift card provider, requests the gift card data from the provider, and returns the details of the customer's gift card.

    Example response:
    ```json
    {
      "giftCard": {
        "obfuscatedCode": "****-****-****-123",
        "balance": {
          "value": "50.00",
          "currency": "USD"
        },
        "status": "VALID",
        "appId": "11169077-1222-3331-ba4f-36ef8c4c1e11"
      }
    }
    ```

4. The client collects the card balance and the app ID from the response, and displays the card balance to the customer as part of the price summary at Checkout as though the gift card is used for the purchase, showing that $50 is remaining to be paid.

## Apply a gift card balance to a purchase
Continuing the example from above, the customer continues with the checkout flow:
1. The customer enters credit card details to cover the remaining $50, and clicks "Place Order".
2. The client calls [Redeem Gift Card](fallback::https://dev.wix.com/docs/rest/business-solutions/e-commerce/gift-cards/gift-cards/redeem-gift-card) with the previously entered gift card code, the amount to be redeemed, the ID of the purchase order, and the `appId` collected from the Get Gift Card response. 

    Example request:
    ```json
    {
        "code": "GIFT-CARD-CODE-123",
        "amount": {
          "currency": "USD",
          "value": "50.00"
          },
        "orderId": "12345678-1111-2222-3333-444455556666",
        "appId": "11169077-1222-3331-ba4f-36ef8c4c1e11"
    }
    ```

3. The Gift Card service calls the appropriate gift card provider using the provided `appId`, and returns a transaction ID for the redeem operation. The gift card balance is updated to $0.

    Example response:
    ```json
    { "transactionId": "12121212-1212-2121-2121-122112211221" }
    ```

## Void a gift card transaction
Continuing the example from above, the customer chooses to complete the checkout flow:
1. The customer's credit card payment fails to process, and the purchase is canceled.
2. The client calls [Void Transaction](fallback::https://dev.wix.com/docs/rest/business-solutions/e-commerce/gift-cards/gift-cards/void-transaction) with the `transactionId` from the Redeem Gift Card response, and the `appId` from the Get Gift Card response.

    Example request:
    ```json
    {
        "transactionId": "12121212-1212-2121-2121-122112211221",
        "appId": "11169077-1222-3331-ba4f-36ef8c4c1e11"
    }
    ```

3. The Gift Card service calls the appropriate gift card provider with the provided `appId` and voids the transaction. The customer's gift card balance is restored to $50.


value

StringValue

Physical location ID. Can be based on the [Locations API](https://dev.wix.com/docs/rest/business-management/locations/introduction) or an external provider.

locationId

Context

code

Contextual information for the request, including the physical location ID if applicable.

GetGiftCardRequest

GetGiftCardResponse

App ID of the gift card provider, as returned in [Get Checkout](https://dev.wix.com/docs/rest/business-solutions/e-commerce/checkout/get-checkout) or [List Transactions for Single Order](https://dev.wix.com/docs/rest/business-solutions/e-commerce/order-transactions/list-transactions-for-single-order).

appId

Gift card obfuscated code.

For example: "****-****-****-1234".

obfuscatedCode

Current gift card status. Supported values:
+ **VALID**: Gift card is active and can be used for purchases.
+ **EXPIRED**: Gift card expiration date has passed and can no longer be used.
+ **DISABLED**: Gift card has been disabled by the merchant and can no longer be used.

status

GiftCard

Status

Currency code. Must be valid ISO 4217 currency code (e.g., USD).

currency

Monetary amount. Decimal string with a period as a decimal separator (e.g., 3.99). Optionally, a single (-), to indicate that the amount is negative.

Money

Order ID to apply the gift card transaction, when applying a gift card after order creation. Order ID can be collected from the [Order Created](https://dev.wix.com/docs/rest/business-solutions/e-commerce/orders/order-created) webhook or by calling [Search Orders](https://dev.wix.com/docs/rest/business-solutions/e-commerce/orders/search-orders).

orderId

RedeemGiftCardRequest

transactionId

RedeemGiftCardResponse

Gift card transaction ID, as returned from [Redeem Gift Card](https://dev.wix.com/docs/rest/business-solutions/e-commerce/gift-cards/gift-cards/redeem-gift-card).

VoidTransactionRequest

VoidTransactionResponse

Read Gift Cards

Get Gift Card

GetGiftCard

Redeems a gift card.
Creates a transaction and lowers the card balance by the transaction amount.

Change Gift Card Balances

Redeem Gift Card

RedeemGiftCard

Voids a gift card transaction.
Transaction IDs are returned in the [Redeem Gift Card](https://dev.wix.com/docs/rest/business-solutions/e-commerce/gift-cards/gift-cards/redeem-gift-card) call.

Redeem Gift Card

Permission Scopes