# 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.globo.io/options/)

### 🎥 Tutorial video

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

You can explore advanced features like:

* [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)


---

# 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/~/revisions/KRfi0fHdeAFeAhiPrH7G/form-setup/create-a-new-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.