> For the complete documentation index, see [llms.txt](https://foxecom.gitbook.io/megamog-theme/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://foxecom.gitbook.io/megamog-theme/upsells/free-shipping-goal.md).

# Free shipping goal

{% embed url="<https://www.youtube.com/watch?v=94MuMfFd0cI>" %}

<figure><img src="https://files.gitbook.com/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MlL6sK9D7unq8F2VPPp%2Fuploads%2FFnEelnNWGrGf880kHIrk%2Fimage.png?alt=media&#x26;token=1cd12ea0-726f-491f-a98b-28d6a1e67b69" alt=""><figcaption></figcaption></figure>

Motivate customers to buy more by emphasizing the free shipping offer using FoxKit's **Free shipping goal** feature. With a free shipping bar progress, it’s easier than ever to set cart value goals and keep customers engaged and willing to spend more.

### Steps

1. Go to **FoxKit** > **FoxKit power** > Choose **Free shipping goal.**
2. Insert the desired amount that customers need to reach and check the **Active** box.
3. Select the **Based price:**

* **Total price:** The amount the customer has to pay at checkout, including taxes and discounts.
* **Subtotal price:** The amount the customer has to pay at checkout, excluding taxes and discounts.

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

3. Select the **Discount strategy**:

By default, the discount method used for this feature will be the [Shopify function](/megamog-theme/manage/settings.md#use-shopify-functions).

If you want to use shipping rates for your free shipping discount, you have to configure free [shipping rates](https://admin.shopify.com/store/shore-soap-co/settings/shipping) based on order value matching the goal amount entered above.

4. Add **Motivational** and **Reached** messages to display on the front end.
5. **Save** the settings.

{% hint style="warning" %}
The feature only works for [**physical products**](https://help.shopify.com/en/manual/products/details#product-details-shipping).
{% endhint %}

### Custom placement

You can customize where you want the **Free shipping goal** bar to appear within your theme by inserting the following code snippet:

```html
<foxkit-cart-goal data-plugin="CartGoal" class="foxkit-cartgoal !foxkit-hidden" hidden></foxkit-cart-goal>
```

{% hint style="info" %}
By default, this element will be automatically positioned before the cart items.&#x20;

If you opt for custom placement, the automated rendering will be disabled.
{% endhint %}

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

<figure><img src="/files/FWbzBePW6CWTNRAQqEf2" alt=""><figcaption><p><a href="https://apps.shopify.com/xflow?utm_source=foxecom&#x26;utm_medium=help_center_foxkit_free_shipping_goal&#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>