> For the complete documentation index, see [llms.txt](https://docs.powerfulform.com/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.powerfulform.com/build-your-form/special-form-types/cart-form.md).

# Cart form

Collect extra information from shoppers on the cart page, like order notes, delivery dates, or a gift message, before they check out.

## ℹ️ Before You Begin

<table><thead><tr><th width="214.066650390625">Requirement</th><th>Detail</th></tr></thead><tbody><tr><td><strong>Plan</strong></td><td>Premium or higher</td></tr><tr><td><strong>Limit</strong></td><td>One cart form per store</td></tr><tr><td><strong>Cart page</strong></td><td>Works with your theme's <strong>default cart page</strong>. A custom checkout flow or a cart template from a 3rd-party app may not work correctly.</td></tr></tbody></table>

## **📝 Step 1 — Create the Cart Form in the App**

1\. Open the app > click **Forms** > click **Create new form** button

2\. The form template lists show up > select **Oder** > **Cart form**

<figure><img src="https://2907469752-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FehM2rz7MmKkWcJmgvJOe%2Fuploads%2Fgit-blob-8916fd21ac0c9ed1353d56e9bbc8fc674f9cc5dd%2Fimage%20(17).png?alt=media" alt=""><figcaption></figcaption></figure>

3\. In form configuration, add elements and configure the form based on your needs

4\. Click **Save** to finish

## **📝 Step 2 — Add the Cart Form to Your Cart Page Template**

> **⚠️ Special setup.** This form type and template need extra care to work. After you create the form, contact us at <support@powerfulform.com> we'll help you add it.

1\. Form the Shopify admin page, go to **Themes** > click **Edit theme**

2\. Go to the **Cart** page template

3\. Click **Add section** > select **Form Builder app**

4\. In the **Form Builder app** element, paste the embedded code of the cart form here

5\. Click **Save**

6\. Check the online store to view the result

<figure><img src="https://2907469752-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FehM2rz7MmKkWcJmgvJOe%2Fuploads%2Fgit-blob-4e61df5446bb4a05d42223e691c7aaa3ed651d8b%2Fimage%20(16).png?alt=media" alt=""><figcaption></figcaption></figure>

## **📝 Step 3 — Check form on the site**

1. Add a product to your cart and open the cart page
2. Look for the form above the **Checkout** button (or wherever you placed the block)
3. Fill it in and click **Checkout**
4. Open the order in Shopify and check **Additional details**

## 🧩 How the Cart Form Works <a href="#how-the-cart-form-works" id="how-the-cart-form-works"></a>

**1 — Customer fills in the Cart Form**

When shoppers are on the **cart page**, they see your cart form fields — for example:

* “How did you hear about us?”
* “Delivery date”
* “Message”
* “Agree to terms & conditions”

<figure><img src="https://2907469752-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FehM2rz7MmKkWcJmgvJOe%2Fuploads%2Fgit-blob-25433862d4dacaa97db0493173edb8fbad52cc34%2Fimage%20(18).png?alt=media" alt=""><figcaption></figcaption></figure>

**2 — The form is submitted when the shopper clicks Checkout**

Unlike a normal form, customers do not press a “**Submit**” button. The form is automatically submitted the moment they click the **Checkout** button.

**3 — You can view the Cart Form data inside the order**

When the order is placed, the cart form answers appear inside the **Additional Details** section of the Shopify order page.

<figure><img src="https://2907469752-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FehM2rz7MmKkWcJmgvJOe%2Fuploads%2Fgit-blob-1f52aed32737071ce0c266b3148addb47eef7e16%2Fimage%20(19).png?alt=media" alt=""><figcaption></figcaption></figure>

<br>

## 🛠️ Troubleshooting

<table><thead><tr><th width="247.63330078125">Problem</th><th>What to check</th></tr></thead><tbody><tr><td><strong>Form doesn't show on the cart page</strong></td><td>The form is in the <strong>Cart</strong> template, and app embed is on (Theme integration)</td></tr><tr><td><strong>Still not showing</strong></td><td>You may use a custom cart or 3rd-party cart app. Contact support.</td></tr><tr><td><strong>Can't create a second cart form</strong></td><td>Only one is allowed per store. Edit the existing one instead.</td></tr><tr><td><strong>Answers missing from the order</strong></td><td>The shopper must click <strong>Checkout</strong> from the cart page. Other routes skip the form.</td></tr><tr><td><strong>No Submit button</strong></td><td>This is normal. The form submits on <strong>Checkout</strong>.</td></tr></tbody></table>
