# Settings

{% hint style="info" %}
If you need help, just send us a message in the chat and one of our team members will be glad to guide you through setup
{% endhint %}

{% hint style="success" %}
This guide assumes you already installed Shopwaive on your [Wix](https://www.wix.com) store, staging, or development store as outlined in the prior steps. Confirm you can access the Shopwaive app in the [Wix](https://www.wix.com) admin before proceeding. See [Installation](/wix/install.md) for more details
{% endhint %}

## Override button appearance and pop-up 

The default setting for the Shopwaive button is to appear on your site only after (1) a user logs into their account AND (2) the customer has a credit balance greater than 0 that you created within the Shopwaive app. 

On your store you may wish to override this default behavior and hide the Shopwaive credit button by default. Brands may choose to do this so that the modal pop-up is launched by a native button or click event inside a pre-existing menu or other HTML element. In this way, customers can still redeem their credit using a native button click without the default Shopwaive credit button.

### Natively launch Shopwaive on Wix — Step-by-step:

Follow these steps to hide the Shopwaive button and connect the pop-up to a different button on your site. 

1. Email our team at support\@shopwaive, letting us know you'd like to hide the default Shopwaive button
2. Find the HTML selector for the button you wish to connect. To do this, you will need to access the developer console to inspect your page using Chrome or Safari browser. 

Example using **Chrome**: 

Visit your website and navigate to the button you wish to connect to. Right click the button, and select <mark style="color:blue;">**Inspect**</mark> from the menu. In the example below, we are connecting to the menu item labeled "Platform".

<figure><img src="/files/LUoA5uWhxQEbV7fOfrqG" alt=""><figcaption><p>Inspect the button in an embedded menu on your Wix site</p></figcaption></figure>

The developer console window will pop up on the right, with the button or selector element highlighted in blue as show below, right click the highlighted area and select <mark style="color:blue;">**Copy**</mark> > <mark style="color:blue;">**Copy selector**</mark>

<figure><img src="/files/S8AffdNGKPPJHKG1Qbti" alt=""><figcaption><p>Right click the element in the developer console and copy the selector</p></figcaption></figure>

Once you copy the selector, paste the selector in the code below, such that <mark style="color:blue;">**SELECTOR**</mark> is replaced by your selector. In the example above, our selector is <mark style="color:blue;">**#comp-l6tpt9x00label**</mark>

```javascript

<script>

setTimeout(function () {
    $("SELECTOR").unbind().on("click", function (e) {
      $("#shopwaivetab").trigger("click");
    })
}, 1500);
 
</script>

```

Once you replace with your selector, copy the code and navigate to your Wix admin, select <mark style="color:blue;">**Settings**</mark> and scroll to the bottom to select <mark style="color:blue;">**Custom code**</mark>. Click the <mark style="color:blue;">**+ Add Custom Code**</mark> button at the top right.

1. In the popup menu, paste in your code in the code snippet text box
2. Enter a name of your code, such as <mark style="color:blue;">**Shopwaive**</mark>
3. Select <mark style="color:blue;">**All pages**</mark>, and <mark style="color:blue;">**Load code on each new page**</mark>
4. Select to <mark style="color:blue;">**Place Code**</mark> in <mark style="color:blue;">**Head**</mark>
5. Click <mark style="color:blue;">**Apply**</mark>

<figure><img src="/files/DmhbyuOTlgv8X9T83tWZ" alt=""><figcaption><p>Create custom code to connect your native button to the Shopwaive modal popup </p></figcaption></figure>

You are finished, go ahead and test by following these steps:

1. Email our team at <support@shopwaive.com> to let us know you would like the default behavior or the Shopwaive button to be hidden
2. Open the Shopwaive app within your Wix dashboard
3. Search for a test customer with an email account that already has completed registration on your site, i.e. support or admin email address
4. Give store credit
5. Log into your store with the same email address as the one issued credit in the previous step
6. Navigate to a page that has the native button or menu you connected and click to test the Shopwaive popup appears

<figure><img src="/files/Z8D3eDxFFVzoeVhPSDAg" alt=""><figcaption><p>Completed example of connecting the Shopwaive popup to a native Wix button or menu item</p></figcaption></figure>

Have questions on any specific features? [<mark style="color:blue;">**Contact us**</mark>](mailto:support@shopwaive.com)


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://docs.shopwaive.com/wix/settings.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.