# Create a new form

### 📝 Step 1: Create a New Form

1. In your app dashboard, go to **Forms → Create new form**.
2. Choose one option:

* **Blank Form** – start from zero.
* **Template** – choose a ready-made form and edit it.

<figure><img src="https://3488889492-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FEGgRVSDpMlcGFz1igK0s%2Fuploads%2FjccgHRGxhOaBXv1uNsE2%2Fimage.png?alt=media&#x26;token=ca72a883-8434-42be-a1b7-6843189cffc5" alt=""><figcaption></figcaption></figure>

<figure><img src="https://3488889492-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FEGgRVSDpMlcGFz1igK0s%2Fuploads%2FcLJgACiUkKoL0WQ72nLT%2Fimage.png?alt=media&#x26;token=e557c9dd-61e5-417d-adc8-395198b1f256" alt=""><figcaption></figcaption></figure>

***

### 📝 Step 2: Build Your Form

After choosing a form, you will enter the form editing screen.

#### What you see in the Form Builder:

* **Left side:** form fields and field settings
* **Right side:** live preview of your form
* **Top:** Desktop/Mobile view toggle
* **Page selector:** choose where the form will appear in your store

<figure><img src="https://3488889492-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FEGgRVSDpMlcGFz1igK0s%2Fuploads%2FsscT8TualQdEbmsiavKW%2F2025-08-28_14-45-17.png?alt=media&#x26;token=7bef7bbb-e20c-46c4-814e-511ed31be533" alt=""><figcaption></figcaption></figure>

***

### 📝 Step 3: Add Fields to Your Form

* Click **Add Elements** on the left side.
* Select the field type you want to add:
  * Text
  * Email
  * Phone
  * Dropdown
  * Checkbox
  * File Upload
  * Date / Time
  * Product Selector, and more
* Click to insert the field into your form.

<figure><img src="https://3488889492-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FEGgRVSDpMlcGFz1igK0s%2Fuploads%2FhK8MivL3IPYKN5aDlBFa%2F2025-08-28_14-46-53.png?alt=media&#x26;token=2f5468e1-78f2-4635-8b55-ed1ad383066e" alt=""><figcaption></figcaption></figure>

***

### 📝 Step 4: Edit a Field

Click any field in the live preview to open its settings.

#### Common field settings:

* **Label:** the field name (e.g., “Full Name”)
* **Hide Label:** hide the label text
* **Keep Label Space:** keep spacing but hide label
* **Required:** make the field mandatory
* **Column Width:** choose
  * 1/3 width
  * 1/2 width
  * Full width

<figure><img src="https://3488889492-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FEGgRVSDpMlcGFz1igK0s%2Fuploads%2FvCxE7VrgwqxvhcpIV3Gf%2F2025-08-28_14-53-55.png?alt=media&#x26;token=2d7b0770-ab19-4a97-97c7-6bdd5ceaf386" alt=""><figcaption></figcaption></figure>

***

### 📝 Step 5: Use the Field Toolbar

When hovering over a field in the preview, a small toolbar appears.

#### Toolbar actions:

* **Move** – drag the field to a new position
* **Width** – change to 1/3, 1/2, or full width
* **Duplicate** – copy the field
* **Hide** – hide the field from customers
* **Delete** – remove the field

<figure><img src="https://3488889492-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FEGgRVSDpMlcGFz1igK0s%2Fuploads%2FnnwTtjKLgIsAK0zGHYtp%2F2025-08-28_15-13-43.png?alt=media&#x26;token=f5a73e97-92fd-40c1-8655-0d2a13474ec9" alt=""><figcaption></figcaption></figure>

***

### 📝 Step 6: Save Your Form

Click **Save** to store all changes.

> ⚠️ Don’t forget this step — unsaved changes will be lost.

***

### 📝 Step 7: Display Your Form on Your Store

After saving, choose how you want to display the form.

You can show the form on:

* A page section (using Shopify’s theme editor)
* A specific page
* The homepage
* A product page
* Or via embed code / shortcode

Follow the display instructions to place the form exactly where you want it.

* Click **Save** once your form is ready
* To display the form on your store, embed it on any page using the provided shortcode or section block

[Learn more about displaying your form on the front store](https://app.gitbook.com/o/HSWxpMI1QgMu4qZxZfVL/s/yKpeSoGW2SR7i4BJqoeq/)

***

### 🎥 Tutorial video

{% embed url="<https://www.youtube.com/watch?v=Cs1HzLzxnYE>" %}

#### Related docs

* [Custom success messages](https://docs.powerfulform.com/some-features-guide/edit-thank-you-message-after-form-submission)
* [Email notifications](https://docs.powerfulform.com/mail-notification/admin-email-notification)
* [Multi-language support with a language selector](https://docs.powerfulform.com/some-feature-guides/translate-a-form)
* [Logic condition for form field](https://docs.powerfulform.com/form-setup-installation/use-conditional-logic-on-the-form)

***

#### 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.
