> 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/cart-form.md).

# 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 <contact@globo.io>. Our team will be happy to help you resolve any issues or guide you further.
