# Ajax Add to Cart

{% embed url="<https://youtu.be/eUkqXmne-Xs>" %}

**Foxify: Ajax Add To Cart** is a built-in extension in Foxify that helps merchants improve user experience, reduce cart abandonment, and boost sales by letting customers add products to the cart instantly without reloading the page. This article will show you how to enable Ajax Add To Cart on your Foxify-built pages.

## What is Foxify: Ajax Add To Cart?

Ajax Add To Cart allows shoppers to add products to the cart directly from the **homepage, collection pages, or product pages** without refreshing the page. The cart updates instantly in the background, creating a smoother shopping experience and encouraging customers to continue browsing.

By reducing interruptions during shopping, this extension helps streamline the checkout flow and increase conversions.

**What you can do with Foxify: Ajax Add To Cart:**

* Improves user experience: Keeps customers engaged by removing page reload interruptions.
* Reduces cart abandonment: Makes adding items smoother, so fewer customers drop off.
* Reduces page load time: Eliminates unnecessary reloads and speeds up shopping.
* Increases conversion rates and sales: A faster, easier buying process encourages purchases.

## How to use Foxify: Ajax Add To Cart with Foxify Smart Page Builder

{% hint style="info" %}
**Foxify: Ajax Add To Cart** has been integrated as a built-in extension in Foxify Page Builder, so all you need to do is install it directly within the Foxify app; **no extra app installation** from the Shopify App Store is required.
{% endhint %}

1. In your **Foxify dashboard**, select **App extensions.**
2. Look for **Foxify: Ajax Add To Cart** and Choose **Install extension.**

<figure><img src="https://1749964694-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FfgpgvtRaQLc36GYyIktZ%2Fuploads%2Fg27MPh2twZKPgJI7EchZ%2Fimage.png?alt=media&#x26;token=00405cc3-94ba-4ce4-aac3-35b5f1a3d2e3" alt=""><figcaption></figcaption></figure>

{% hint style="info" %}
Once you see a green checkmark next to **Foxify: Ajax Add To Cart** :white\_check\_mark:**,** it means the app has been activated and is now ready to be featured.
{% endhint %}

<figure><img src="https://1749964694-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FfgpgvtRaQLc36GYyIktZ%2Fuploads%2Fbl7uFbCLSfru70EcjYsD%2Fimage.png?alt=media&#x26;token=917ff185-dab6-4b92-b19c-6ffe6cdef299" alt=""><figcaption></figcaption></figure>

3. In the **Settings** tab, check the box **Enable Ajax add to cart** and click **Update** to apply changes.

<figure><img src="https://1749964694-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FfgpgvtRaQLc36GYyIktZ%2Fuploads%2F956aj1UQQoRQcghF893n%2Fimage.png?alt=media&#x26;token=23816dd8-b4b0-4d90-b8a4-decd355be968" alt=""><figcaption></figcaption></figure>

4. Once enabled, customers will be able to add products instantly to the cart from the **homepage, collection page, or product page** without page reloads.

{% hint style="success" %}
For a step-by-step walkthrough, please check this document, which includes a detailed tutorial video:&#x20;

👉 [Ajax Add To Cart – Foxify Docs](https://docs.foxecom.com/foxify-app/page-management/app-extensions/ajax-add-to-cart)
{% endhint %}

## FAQs

### Do I need to install Ajax Add To Cart from the Shopify App Store?&#x20;

No. Foxify: Ajax Add To Cart is already built into Foxify Page Builder. You can enable it directly from your Foxify dashboard.

### Will enabling Ajax Add To Cart slow down my store?&#x20;

No. It’s optimized for performance within Foxify and won’t add extra load time. In fact, it helps reduce unnecessary reloads.

### Can I use Ajax Add To Cart and Sticky Add To Cart together?&#x20;

Yes. They complement each other. Ajax Add To Cart improves the cart-adding flow, while Sticky Add To Cart ensures the button is always visible. Using both together creates the best shopping experience.

### What should I do if Ajax Add To Cart isn’t working?&#x20;

* Confirm that the extension is installed and shows a green checkmark in App extensions.&#x20;
* In the Settings tab, make sure Enable Ajax add to cart is checked, then click Update.&#x20;
* Clear your browser cache and refresh the storefront.&#x20;
* Check that no third-party apps are overriding the cart behavior.&#x20;
* If the issue persists, please contact our support team for further assistance.

***

<figure><img src="https://1749964694-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FfgpgvtRaQLc36GYyIktZ%2Fuploads%2Fu6oqi1DFmOTPfGiFCRx7%2FSleek%20-%20In-blog%20banner%201.jpg?alt=media&#x26;token=9df3ad8e-fe87-44c5-aced-86331e3bead0" alt=""><figcaption><p><a href="https://themes.shopify.com/themes/sleek/presets/sleek?utm_source=foxecom&#x26;utm_medium=help_center_foxify_ajax_add_to_cart&#x26;utm_campaign=anchor-text&#x26;utm_term=try_sleek_free_now">Try Sleek free now</a></p></figcaption></figure>