# 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="https://3488889492-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FEGgRVSDpMlcGFz1igK0s%2Fuploads%2F8ojldC5i6nbbCBc6Ry5I%2Fimage.png?alt=media&#x26;token=827ff101-b507-4d9e-82fc-2e33e252f212" 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://3488889492-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FEGgRVSDpMlcGFz1igK0s%2Fuploads%2FWDKhmZBZ4TUOe1SCmCIQ%2Fimage.png?alt=media&#x26;token=01b06057-aa49-4c01-93df-f2b7c55b612e" 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="https://3488889492-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FEGgRVSDpMlcGFz1igK0s%2Fuploads%2FIasrrJ9hOj6C8ItIHrNF%2Fimage.png?alt=media&#x26;token=522cc5e5-db01-4e20-8445-e6cd74c3319a" 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="https://3488889492-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FEGgRVSDpMlcGFz1igK0s%2Fuploads%2FVOzAmiJJ8Amc7ze0OeYG%2F2025-10-03_13-47-36.png?alt=media&#x26;token=a6e506f0-ad17-4dbe-b1e8-dbee8c543dc5" 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.
