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

# Wix

> Install and configure the Novac payment plugin on your Wix store with minimal setup.

## Overview

The Novac Wix plugin allows you to accept payments directly on your Wix store using Novac's secure checkout experience. This guide walks you through setting up the plugin, configuring your site, and testing your integration before going live.

***

### Prerequisites

<Accordion title="See details" defaultOpen={true}>
  Before you begin, ensure that you have the following:

  * A **Novac Account**, preferably approved for live transactions
  * A **Wix account** with an active Premium subscription
</Accordion>

***

## General Plugin Setup

### Turn On Developer Mode

Developer Mode gives you access to Wix's code editor, which is required to install the plugin files.

1. Open your **Wix Editor**.
2. Click **Dev Mode** at the top of the screen.
3. Select **Turn on Dev Mode**.

### Add the Payment Provider Plugin

With Developer Mode enabled, you can now add the Novac payment plugin to your site.

1. In the left panel, click the **\{ } Code Files** icon.
2. Under **Service Plugins**, click the **(+)** button and select **Payment**.
3. When prompted to name your plugin, enter exactly:

Wix will automatically generate the following folder structure in your project:

<Tree>
  <Tree.Folder name="service-plugins" defaultOpen>
    <Tree.Folder name="novac" defaultOpen>
      <Tree.File name="novac.js" />

      <Tree.File name="novac-config.js" />
    </Tree.Folder>
  </Tree.Folder>
</Tree>

### Add the Novac Plugin Code

You need to replace the sample code in both generated files with the Novac plugin code from our GitHub repository.

Start with `novac.js`:

1. Open `novac.js` in the Wix Editor.
2. Delete all existing sample code.
3. Copy and paste the code from our GitHub repository.

Repeat the same steps for `novac-config.js`.

Access both code files here:

* [novac.js](https://github.com/Novac-Finance/novac-wix-plugin#)
* [novac-config.js](https://github.com/Novac-Finance/novac-wix-plugin#)

### Add the Backend Function

The backend function receives payment callbacks from Novac and processes webhooks for each transaction. Without this, your store will not be notified when a payment completes.

1. Go to the **Backend** folder in the Wix Editor.
2. Click **(+)** > **Expose Site API**. This creates an `http-functions.js` file.
3. If the file already exists, open it to edit.
4. Add the code from our [`http-functions.js`](https://github.com/Novac-Finance/novac-wix-plugin#) to the file.

<Callout type="info">
  If your backend file already contains existing code, append the Novac callback function at the end. If it is a new file, remove the template code first, then paste in the Novac code.
</Callout>

### Publish Your Site

Once all files are saved, click **Publish** in the top-right corner of the Wix Editor. This activates the plugin on your live site, the plugin will not work until the site is published.

***

## Site Installation

### Configure Novac in Your Wix Dashboard

With the plugin files published, you can now connect Novac as a payment provider from your Wix Dashboard.

1. Go to your **Wix Dashboard**.
2. Navigate to **Settings > Accept Payments**. Novac should now appear as a payment provider. If it does not, refresh the page to clear Wix's cache.
3. Click **Connect** next to Novac.
4. Enter your `public_key`, `secret_key`, and `logo_url` to complete the configuration.