> 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/quick-start/create-a-new-form.md).

# 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="/files/fYiYxDc2I0vGaHAiaK1x" alt=""><figcaption></figcaption></figure>

<figure><img src="/files/El4wwOY1RnJhh6E6Gfqq" 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="/files/yTsubsuuhPCkf0TUsAvN" 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="/files/vjbmwJNEqZMCINbZnaCN" 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="/files/8xeg2Xup5EBNXJR3RPBF" 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="/files/8U1KuV1HRaRGYYIA01sM" 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://docs.powerfulform.com/form-setup/display-a-form-on-a-specific-page)

***

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