# Settings

{% hint style="success" %}
Steps

1. Go to Shopify admin > **Apps.**
2. Select **FoxKit > Settings** at the bottom of the left sidebar.
3. Make necessary changes.
4. **Save.**
   {% endhint %}

<figure><img src="/files/FWbzBePW6CWTNRAQqEf2" alt=""><figcaption><p><a href="https://apps.shopify.com/xflow?utm_source=foxecom&#x26;utm_medium=help_center_foxkit_settings&#x26;utm_campaign=anchor-text&#x26;utm_term=install_xflow_back_in_stock_automation_free">Install XFlow Back In Stock Automation FREE</a></p></figcaption></figure>

## General

### Information

This section informs how we will contact you and tailor the experience to your needs and keep you informed

* **Email address:** This field informs how we will contact you - in case of product updates, newsletters, and emergencies.
* **Your role:** This field helps us understand your position (e.g., Owner, Manager, Salesperson) so we can tailor FoxKit features and support to your needs.

<figure><img src="/files/YkxklrJydWbf6BnQybnq" alt=""><figcaption></figcaption></figure>

### Discount method

This section provides 3 discount methods for merchants to choose from:

* Use Shopify functions (recommended)
* Use discount code
* Use draft order

<figure><img src="/files/SsShE4Kh2bwJwHuKyytf" alt=""><figcaption></figcaption></figure>

#### Use Shopify functions

Allow FoxKit to create an automatic discount and work as a native discount code of Shopify.

{% hint style="info" %}
For Minimog theme users, this setting is only available on Minimog v3.5.0 onwards.
{% endhint %}

#### Use discount code

Provide a one-time-use discount code that is created in Shopify backend for the orders when customers are at the checkout.&#x20;

Learn more about Shopify's Discount code [here](https://help.shopify.com/manual/discounts).

{% hint style="info" %}
You can either combine FoxKit discounts with other discount codes or not.
{% endhint %}

#### Use draft order

Draft orders are the ones that merchants create on behalf of their customers.&#x20;

{% hint style="info" %}
To learn more about draft orders, [visit this Shopify help article.](https://help.shopify.com/en/manual/orders/create-orders)
{% endhint %}

A draft order with discounted prices will be created for customers to check out if they are eligible for FoxKit's offer.

{% hint style="warning" %}
When the **Discount method** = **Use draft order,** you **cannot combine FoxKit discount with other discounts created in Shopify admin.**&#x20;

If a FoxKit discount is already applied to their cart, shoppers won't be able to enter another one.
{% endhint %}

### Optimization

This section helps us improve your store’s performance and compatibility, ensuring it runs smoothly across different languages and under heavy traffic conditions.

* Selling in multiple languages: Enable this if your store supports multiple languages. It ensures product offers are displayed correctly and consistently across all locales.
* Enable storefront optimization: Enable this setting if your store uses many FoxKit offers. It improves loading performance, though the plugin may appear with a slight delay.

<figure><img src="/files/Pu3N0Q3H2G3HCdZEvJ8T" alt=""><figcaption></figcaption></figure>

### Custom sender email

Set the email address to send notifications to customers (Back-in-stock email alerts).

{% hint style="info" %}
Exclusive to certain plans.

Check the plan details in **FoxKit > Plan** section.
{% endhint %}

<figure><img src="/files/VLw9hN38G8rvhD6uTVDG" alt=""><figcaption></figcaption></figure>

### Elements CSS selectors

Set and change CSS selectors for FoxKit features to ensure that they integrate correctly with your theme.

You can modify the CSS selector for:

1. **Product form**.&#x20;
   * For example: `.product-form, form[action*="/cart/add"]`
2. **Add to cart button**.&#x20;
   * For example: `button[name="add"], button.add-to-cart`
3. **Cart summary**: We use it for rendering the Free shipping badge inside.&#x20;
   * For example: `.cart__footer .totals`
4. **Cart subtotal price**: We use it to update the cart subtotal price whenever the cart is updated.
   * For example: `.totals__subtotal-value`
5. **Cart item count**: We use it to update the item count whenever the cart is updated.
   * For example: `.cart-count-bubble`

{% hint style="warning" %}
Execute with caution if you are not familiar with CSS code.
{% endhint %}

<figure><img src="/files/7yCSiP16YDAAzlxWjmpL" alt=""><figcaption></figcaption></figure>

## Design

Customize your FoxKit's features design for Buttons, and Colors.

<figure><img src="/files/OF5iaKH3auAnJATEtSSN" alt=""><figcaption></figcaption></figure>

### Custom code

Add custom code to your store, such as tracking code or custom CSS.

There are two fields for you to add custom code:

* Custom CSS: In this field, you don’t need to wrap code inside \<style> tags. Moreover, CSS code autocomplete. This field allows users to add custom CSS code to the storefront more easily.
* Custom code before \</head>: To make the code work correctly, you must wrap your code inside \<script> or \<style> tag.

<div data-full-width="false"><figure><img src="/files/jkhSO8a1h10VtA30rWGx" alt=""><figcaption><p><a href="https://foxecom.com/pages/affiliate?utm_source=foxecom&#x26;utm_medium=help_center_foxkit_settings&#x26;utm_campaign=anchor_text&#x26;utm_term=explore_foxecom_affiliate_program_perks_now">Explore FoxEcom Affiliate Program perks now</a> <span data-gb-custom-inline data-tag="emoji" data-code="2728">✨</span></p></figcaption></figure></div>

<figure><img src="/files/aV2nP1mq5YN5Ce0hkzA8" alt=""><figcaption></figcaption></figure>

## Integrations

Integrate FoxKit with your other apps like Klaviyo, Mailchimp, Omnisend, or SendGrid using the app's API KEY.

This lets you save the data collection in FoxKit (Lucky wheel, Popup, Back-in-stock alerts) to the aforementioned app.

{% hint style="info" %}
Go to the feature settings > **Data collection** to set where the subscribers' information is stored.
{% endhint %}

<figure><img src="/files/PQuAHTPvldqFbQuGN9Me" alt=""><figcaption></figcaption></figure>


---

# 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.foxecom.com/foxkit-app/manage/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.