# Cart form

A **Cart Form** lets you collect extra information from customers *before* they checkout, like special instructions, order notes, gift messages, etc. With Powerful Contact Form Builder you can build a cart form fast, then attach it to your store cart page.

### ℹ️ Before You Begin

* &#x20;Cart Form is available only on the **Premium plan (or higher)**.
* &#x20;Each store can create **only one cart form**.&#x20;
* Cart Form works with your theme’s **default cart page**. If you use a custom checkout flow or non-standard cart template (via a 3rd-party app), cart form may not work correctly.

### 🧩 How the Cart Form Works

#### &#x20;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="/files/yd4FCC6IHz6R67BvOZEE" 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="/files/OgEkbA9Vw5qFQJrIusjO" alt=""><figcaption></figcaption></figure>

***

### 🛠️ Steps to Create & Add a Cart Form

#### 📝 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="/files/Uu6k3R4y8XcgGMuE6JRV" 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

**Important**: This form type and page template are special. To make sure it works, please let our developers help you add the form. Contact us at <support@powerfulform.com> after you create the form.

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

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

3\. Click **Add section** > select  **Form Builder app**&#x20;

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

5\. Click **Save**&#x20;

6\. Check the online store to view the result

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

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

Visit your store’s cart page (as a customer would — after adding items to cart).

You should see the cart form appear above the checkout button (or wherever the block was placed).

When the customer clicks **Checkout**, the cart form inputs are submitted along with the order.

***

#### Need More Help?

If you still need assistance, please contact us at [**support@powerfulform.com**](mailto:support@powerfulform.com). Our team will be happy to help you resolve any issues or guide you further.


---

# 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.powerfulform.com/build-your-form/cart-form.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.
