[Sugester V2 EN](https://sugester.intum.pl/kb/sugester-v2-en.md) / [Forms](https://sugester.intum.pl/kb/sugester-v2-en/forms.md)

# [Collecting Submissions and Data – Forms Module](https://sugester.intum.pl/kb/sugester-v2-en/collecting-submissions-and-data-forms-module.md)

<div style="font-family: Arial, sans-serif; line-height: 1.6;">
<h4 style="font-size: 1.5em; margin-bottom: 0.5em;">Forms Module</h4>

<div style="background: #f5f5f5; padding: 15px; border-radius: 8px; margin-bottom: 20px;">
    <strong>In this article:</strong>
    <ul style="margin: 10px 0 0 0; padding-left: 20px;">
        <li><a href="#introduction">Introduction</a> – what forms are used for</li>
        <li><a href="#creating">Creating a form</a> – builder and settings</li>
        <li><a href="#fields">Field types</a> – available types of fields</li>
        <li><a href="#validation">Validation</a> – required fields and formats</li>
        <li><a href="#embedding">Embedding on the page</a> – code to paste</li>
        <li><a href="#results">Results and submissions</a> – viewing and managing</li>
        <li><a href="#crm">CRM integration</a> – automatic customer creation</li>
        <li><a href="#notifications">Email notifications</a> – confirmations and notifications</li>
        <li><a href="#advanced">Advanced settings</a> – dates, anonymity, styles</li>
    </ul>
</div>

<h4 id="introduction">Introduction</h4>
<p>
The <strong>Forms</strong> module allows you to create various forms that enable the collection of important information.
With the intuitive builder, you can design a form according to your needs and place it on your website.
The results are presented in a clear table, making it easier to analyze data and make decisions.
</p>
<p>
Forms can collect contact information from potential customers, information about submissions, errors, or complaints.
They can also serve as an internal tool within the company, for example, to gather information from employees.
</p>

<h4 id="creating">Creating a form</h4>
<p>
To create a new form, go to <strong>Submissions → Forms</strong> and click the <strong>New form</strong> button.
</p>
<p>When creating a form, you can set:</p>
<ul>
    <li><strong>Name</strong> – internal name of the form (visible only in the panel)</li>
    <li><strong>Fields</strong> – add fields for users to fill out</li>
    <li><strong>Button text</strong> – e.g., "Submit", "Sign up", "Order"</li>
    <li><strong>Response after submission</strong> – message or redirect to another page</li>
</ul>

<img src="https://s3.eu-west-1.amazonaws.com/attachments.intum.net/public-files/31076/4784a4eda4c5bcbdc790c50cfa645459e6718a7c" alt="Forms menu" style="max-width: 100%; margin: 15px 0;">

<h4 id="fields">Field types</h4>
<p>Available field types in the form:</p>
<table style="width: 100%; border-collapse: collapse; margin: 15px 0;">
    <tr style="background: #f5f5f5;">
        <th style="padding: 10px; text-align: left; border: 1px solid #ddd;">Type</th>
        <th style="padding: 10px; text-align: left; border: 1px solid #ddd;">Description</th>
    </tr>
    <tr>
        <td style="padding: 10px; border: 1px solid #ddd;"><strong>Header</strong></td>
        <td style="padding: 10px; border: 1px solid #ddd;">Section title of the form (not a fillable field)</td>
    </tr>
    <tr>
        <td style="padding: 10px; border: 1px solid #ddd;"><strong>Paragraph</strong></td>
        <td style="padding: 10px; border: 1px solid #ddd;">Informational text, instructions for the user</td>
    </tr>
    <tr>
        <td style="padding: 10px; border: 1px solid #ddd;"><strong>Text field</strong></td>
        <td style="padding: 10px; border: 1px solid #ddd;">Single-line field for short text (name, email, phone)</td>
    </tr>
    <tr>
        <td style="padding: 10px; border: 1px solid #ddd;"><strong>Multi-line field</strong></td>
        <td style="padding: 10px; border: 1px solid #ddd;">Larger field for longer text (description, message)</td>
    </tr>
    <tr>
        <td style="padding: 10px; border: 1px solid #ddd;"><strong>Dropdown list</strong></td>
        <td style="padding: 10px; border: 1px solid #ddd;">Select one option from a list</td>
    </tr>
    <tr>
        <td style="padding: 10px; border: 1px solid #ddd;"><strong>Radio buttons</strong></td>
        <td style="padding: 10px; border: 1px solid #ddd;">Radio buttons – select one option</td>
    </tr>
    <tr>
        <td style="padding: 10px; border: 1px solid #ddd;"><strong>Checkboxes</strong></td>
        <td style="padding: 10px; border: 1px solid #ddd;">Checkboxes – select multiple options</td>
    </tr>
    <tr>
        <td style="padding: 10px; border: 1px solid #ddd;"><strong>Attachment</strong></td>
        <td style="padding: 10px; border: 1px solid #ddd;">File upload (documents, photos)</td>
    </tr>
</table>

<h4 id="validation">Field validation</h4>
<p>For each field, you can set:</p>
<ul>
    <li><strong>Required field</strong> – the user must fill it out</li>
    <li><strong>Email format</strong> – checks the validity of the email address</li>
    <li><strong>Numbers only</strong> – accepts only numbers (e.g., phone)</li>
    <li><strong>Alphanumeric characters</strong> – letters and numbers</li>
    <li><strong>Placeholder text</strong> – gray text visible before filling out</li>
</ul>

<h4 id="embedding">Embedding on the page</h4>
<p>To place the form on your website:</p>
<ol>
    <li>Go to edit the form</li>
    <li>Copy the <strong>general code</strong> – paste it once in the <code>&lt;body&gt;</code> section of the page</li>
    <li>Copy the <strong>form code</strong> – paste it where the form should be displayed</li>
</ol>
<p>The form will automatically adjust to the style of your site. You can also add your own CSS classes.</p>

<h4 id="results">Results and submissions</h4>
<p>After the user fills out the form, the result appears in the <strong>Submissions</strong> tab.</p>

<img src="https://s3.eu-west-1.amazonaws.com/attachments.intum.net/public-files/31076/4e5075aecb376a913366a1b97da021b407cbd99c" alt="Submissions list" style="max-width: 100%; margin: 15px 0;">

<p><strong>Submission statuses:</strong></p>
<ul>
    <li><strong>New</strong> – unread submissions (displayed in bold)</li>
    <li><strong>Open</strong> – read but not yet handled</li>
    <li><strong>Closed</strong> – archived, handled submissions</li>
</ul>

<p><strong>Operations on submissions:</strong></p>
<ul>
    <li><strong>Archive</strong> – mark as handled</li>
    <li><strong>Assign</strong> – to a person, team, or department</li>
    <li><strong>Export to Excel</strong> – download all results as an XLS file</li>
    <li><strong>Search</strong> – filter by form, date, content</li>
</ul>

<h4 id="crm">CRM integration</h4>
<p>
Forms can automatically create or update customers in CRM. To configure this:
</p>
<ol>
    <li>In the form settings, enable <strong>Mapping to CRM</strong></li>
    <li>Map form fields to customer fields (name, email, phone, company, etc.)</li>
    <li>Choose whether to create a new customer or update an existing one</li>
</ol>
<p>This way, every submission automatically goes to the customer database.</p>

<h4 id="notifications">Email notifications</h4>
<p>You can configure two types of notifications:</p>
<ul>
    <li><strong>Team notification</strong> – email to a selected inbox when someone fills out the form</li>
    <li><strong>Confirmation for the customer</strong> – automatic response to the email address provided in the form</li>
</ul>
<p>In the content of notifications, you can use variables (e.g., name, submission content) that will be automatically filled in.</p>

<h4 id="advanced">Advanced settings</h4>
<p><strong>Time activation:</strong></p>
<p>You can set start and end dates during which the form will be active. Useful for campaigns, contests, event registrations.</p>

<p><strong>Anonymity:</strong></p>
<p>Enabling this option means that the system does not save the IP address, browser, or referring page. Useful for anonymous surveys.</p>

<p><strong>Custom CSS styles:</strong></p>
<p>You can add your own CSS classes to the form and the submit button to match the appearance to your site.</p>

<p><strong>Response after submission:</strong></p>
<p>You can choose what happens after the form is submitted:</p>
<ul>
    <li>Display a thank you message</li>
    <li>Redirect to another page (e.g., thank you, offer)</li>
</ul>


<h4>Related articles</h4>
<ul>
    <li><a href="/kb/sugester-v2/warunkowe-odpowiedzi-w-formularzach-v2-ahoUdTZr">Conditional responses in forms (Liquid)</a></li>
    <li><a href="/kb/sugester-v2/automatyczne-zwrotki-mailowe-z-formularzy-szablony-Hjn4miei">Automatic email replies from forms (templates)</a></li>
    <li><a href="/kb/sugester-v2/custom-javascript-w-formularzach-XPzKJcmx">Custom JavaScript in forms</a></li>
</ul>

</div>