# Settings Steps 1. Go to Shopify admin > **Apps.** 2. Select **FoxKit > Settings** at the bottom of the left sidebar. 3. Make necessary changes. 4. **Save.** ## 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. ![image](https://docs-assets.foxecom.app/foxkit-app/Screenshot%202025-05-28%20at%2017.04.21_YkxklrJy.png) ### Discount method This section provides 3 discount methods for merchants to choose from: * Use Shopify functions (recommended) * Use discount code * Use draft order ![image](https://docs-assets.foxecom.app/foxkit-app/Screenshot%202025-05-28%20at%2017.02.13_SsShE4Kh.png) #### Use Shopify functions Allow FoxKit to create an automatic discount and work as a native discount code of Shopify. For Minimog theme users, this setting is only available on Minimog v3.5.0 onwards. #### 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. Learn more about Shopify's Discount code [here](https://help.shopify.com/manual/discounts). You can either combine FoxKit discounts with other discount codes or not. #### Use draft order Draft orders are the ones that merchants create on behalf of their customers. To learn more about draft orders, [visit this Shopify help article.](https://help.shopify.com/en/manual/orders/create-orders) A draft order with discounted prices will be created for customers to check out if they are eligible for FoxKit's offer. When the **Discount method** = **Use draft order,** you **cannot combine FoxKit discount with other discounts created in Shopify admin.** If a FoxKit discount is already applied to their cart, shoppers won't be able to enter another one. ### 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. ![image](https://docs-assets.foxecom.app/foxkit-app/Screenshot%202025-05-29%20at%2014.07.41_Pu3N0Q3H.png) ### Custom sender email Set the email address to send notifications to customers (Back-in-stock email alerts). Exclusive to certain plans. Check the plan details in **FoxKit > Plan** section. ![image](https://docs-assets.foxecom.app/foxkit-app/Screenshot%202025-05-28%20at%2017.27.27_VLw9hN38.png) ### 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**. * For example: `.product-form, form[action*="/cart/add"]` 2. **Add to cart button**. * For example: `button[name="add"], button.add-to-cart` 3. **Cart summary**: We use it for rendering the Free shipping badge inside. * 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` Execute with caution if you are not familiar with CSS code. ![image](https://docs-assets.foxecom.app/foxkit-app/Screenshot%202025-05-28%20at%2017.28.31_7yCSiP16.png) ## Design Customize your FoxKit's features design for Buttons, and Colors. ![image](https://docs-assets.foxecom.app/foxkit-app/Screenshot%202025-05-29%20at%2014.10.27_OF5iaKH3.png) ### 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 \