> For the complete documentation index, see [llms.txt](https://support.emarketeer.com/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://support.emarketeer.com/getting-started/campaign-basics/basics-creating-form-new.md).

# Creating your first form

{% hint style="warning" %}
To create a new Form you need a campaign first. If you don't have one ready, see [How to create a new campaign](/getting-started/campaign-basics/create-new-campaign.md).
{% endhint %}

This guide walks you through creating a Form in eMarketeer — for an event signup, newsletter signup, or any other use.

By the end you will have a working form with a thank-you page and an optional confirmation email.

{% stepper %}
{% step %}

### Add the form from the campaign page

From the campaign where you want to create the form, click **Add Form**.

<div align="left" data-with-frame="true"><img src="/files/xlHIWZXihGPXLI9PrjCG" alt="Add Form button on the campaign page"></div>
{% endstep %}

{% step %}

### Fill in settings, choose a template, create the form

<div align="left" data-with-frame="true"><img src="/files/H0CX6y4vj3aYDCSGWAZC" alt="Form settings and template selection dialog"></div>

**Settings**

* **Name your form:** Give the form a unique name so you can find it later. Describe its purpose in the campaign — for example, "Registration" for a registration form. Only you see this name; it is not shown to visitors.

**Template**

Pick a template from one of the tabs as a starting point for the design. This guide uses **Event Registration** from the **Templates** tab. Custom templates saved on your account appear under **My Templates**.

**Create form component**

Once settings and template are set, click **Create Form** to create the component.
{% endstep %}

{% step %}

### The form editor

After you click **Create Form**, the editor opens with the Designer tab active. The left-side menu (Toolbox) lets you add form fields by dragging them onto the design surface — the centre area where you structure the form layout and add pages. The **Event Registration** template opens with three pages: **Personal information**, **Guests**, and **Last things**.

<div align="left" data-with-frame="true"><img src="/files/KjL9YW3hcT8G0tw9LtKA" alt="Form editor with Toolbox on the left and the design surface in the centre"></div>

For a full reference of all tabs and options, see [Form editor: UI overview](/guides/guides/forms/ui-overview.md).
{% endstep %}

{% step %}

### Change the title and description

Many templates open with a Survey title and Survey description at the top. Click either text in the design surface to edit it, or adjust it in the General Survey settings.

<div align="left" data-with-frame="true"><img src="/files/zPYTsQ6K0Ei7c6pWvGjf" alt="Editing the survey title and description in the design surface"></div>
{% endstep %}

{% step %}

### Adjust the form fields

Contact fields are the most important fields in any form that collects identified responses. They save the visitor's contact information and match it against your eMarketeer contact database — updating an existing contact card or creating a new one if none exists.

{% hint style="info" %}
To store submitted data as contact data, use **Contact Field** rather than **Single-Line Input** fields. This ensures a contact can be attributed to the form submission.
{% endhint %}

Adjust the fields on the **Personal information** page. The Event Registration template includes First Name, Last Name, Email, Company, and Mobile by default. Add more contact fields from the Toolbox or the **Add question** button at the bottom of each page.

To make a field required, click the **\* Required** button (shown as **\*** on smaller screens). To remove a field, hover it and click the delete button in the bottom-right corner. You can also delete entire pages — if you are using the Event Registration template you may want to remove the **Guests** page.

Many eMarketeer form templates use placeholder texts instead of question titles — the titles are hidden by default through field settings, so the label appears inside the input rather than above it.

<div align="left" data-with-frame="true"><img src="/files/6eGuBOc0gIF8YxpyJBSO" alt="Editing contact fields on the Personal information page"></div>

If visible titles are preferred, they can be enabled in the form field **Layout** properties, under the **Question title alignment** dropdown for individual questions — or in bulk by updating the page's **Question Settings**.

<div align="left" data-with-frame="true"><img src="/files/m0Kd0ldhy331VH8zy9eb" alt="Question Settings panel on a form page, showing the Question title alignment option"></div>

To save your progress, click the floppy-disk icon above the design surface.

<div align="left" data-with-frame="true"><img src="/files/RNZego3x6HS52XhdilJj" alt="Save button (floppy-disk icon) above the design surface"></div>
{% endstep %}

{% step %}

### The most commonly used form fields

This step covers the basic question types to get you started.

* **Radio Button Group:** A question with multiple pre-defined answers where the visitor picks *one*.
* **Checkboxes:** A question with multiple pre-defined answers where the visitor can pick *several*.
* **Long Text:** A question where the visitor can write any text answer. Use this for longer answers.
* **Consent:** A checkbox with text of your choosing. Selecting it updates the Consent setting on the visitor's contact card — useful when you need explicit consent to store contact information.

You can find these question types in the Toolbox in the left-side menu. For a full list of available question types, see [Form editor: UI overview](/guides/guides/forms/ui-overview.md#question-types).
{% endstep %}

{% step %}

### Set up the thank-you page

After a visitor submits, they are shown the thank-you page to confirm their answer was saved. The default thank-you page contains a single text block, which you can edit to fit your form.

Open the thank-you page settings by clicking **Survey Settings** (next to the Save button) above the design surface, then click the **Thank You Page** (crossed flags icon) in the right-side Property Grid.

<div align="left" data-with-frame="true"><img src="/files/AYsxtOF1oXRB38cHrq4s" alt="Thank-you page options in the Property Grid"></div>

To change the text shown on the thank-you page, edit the **Thank You page markup** field. To redirect visitors to an external URL after submission, use the **Redirect to an external link after submission** option.

{% hint style="info" %}
The thank-you page still shows briefly before redirecting unless **Show the "Thank You" page** is unchecked.
{% endhint %}
{% endstep %}

{% step %}

### Configure a confirmation email (optional)

Confirmation email settings let you send a copy of each submission to a specified email address, and send a copy of the answers back to the person who submitted them.

<div align="left" data-with-frame="true"><img src="/files/rBnROmRdgvBmZEfElx4M" alt="Confirmation email editor with sender fields and email body"></div>

1. Click the **Confirmation** button, then enable the feature using the toggle in the top-right corner.
2. Fill in the sender information (required):
   * **From name:** The sender name shown in the recipient's email client.
   * **From email:** The sender address — choose a prefix and select a domain from the dropdown.
   * **Subject line:** The subject shown in the recipient's email client.
3. To send a copy to yourself or a colleague after each submission, fill in **Send a copy to emails**. Separate multiple addresses with commas.
4. Edit the email body as needed:
   * Double-click to edit a block. Drag and drop to move blocks.
   * Click **Open blocks** in the top-right corner to add more content blocks.
   * The **Form Answers** block displays the answers submitted by the respondent.
     {% endstep %}

{% step %}

### Publish your form

Once your form is ready, click **Publish** in the editor top bar.

<div align="left" data-with-frame="true"><img src="/files/ICqvIMG6VpF8QEP9HqKC" alt="Publish panel showing Hosted URL and embed options"></div>

* **Hosted URL:** A shareable link to the form. The form displays as it appears in the Preview tab. Share it directly via social media, a chat message, or a link on your website.
* **Embed on your website:** Places the form on a web page using a script snippet. See [Embed forms on your website](/guides/guides/forms/publish-a-form.md) for the full setup guide.
* **Email:** Link to the form from an email. See [How to publish a form](/guides/guides/forms/how-to-publish-a-form.md#link-to-a-form-from-an-email) for details.
  {% endstep %}
  {% endstepper %}


---

# Agent Instructions
This documentation is published with GitBook. GitBook is the documentation platform designed so that both humans and AI agents can read, navigate, and reason over technical content effectively. Learn more at gitbook.com.

## 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://support.emarketeer.com/getting-started/campaign-basics/basics-creating-form-new.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.
