With SiteDu.de builder, you can incorporate a "Form" element that enables you to establish communication with users effectively. By utilizing this element, you can effortlessly prompt them to answer your questions, fill out specific fields, and conveniently send their responses to a designated email address.&nbsp;<h2 class="PlaygroundEditorTheme__h2" dir="ltr" style="text-align: start;">Add a form to your website</h2>Add a form in the&nbsp;toolbar on the left side of the builder. All you have to do is to drag a form icon and drop it on the website.&nbsp;<img src="https://help.webwave.me/lib/dkwr2z/form-l9ibefk6.png" alt="" width="inherit" height="inherit">&nbsp;A new form has two default fields. The first one is for e-mail, the second one is for leaving a&nbsp;message. A Button "Send" sends the message to an earlier specified e-mail.&nbsp;&nbsp;<h2 class="PlaygroundEditorTheme__h2" dir="ltr" style="text-align: start;">Form settings</h2>After clicking on a&nbsp;form, you will be able to edit its style in the Settings panel.&nbsp;&nbsp;<h3 class="PlaygroundEditorTheme__h3" dir="ltr" style="text-align: start;">States of the Submit button</h3>You can adjust submit a button&nbsp;style&nbsp;depending on its state:<ul class="PlaygroundEditorTheme__ul"><li value="1" class="PlaygroundEditorTheme__listItem">Normal&nbsp;- button&nbsp;style before a&nbsp;user sends a form.</li><li value="2" class="PlaygroundEditorTheme__listItem">Hover&nbsp;- button&nbsp;style when a&nbsp;user hovers over it.</li><li value="3" class="PlaygroundEditorTheme__listItem">After sent&nbsp;- button&nbsp;style when a&nbsp;user sends a form.</li><li value="4" class="PlaygroundEditorTheme__listItem">On error&nbsp;- button style when a&nbsp;user sends a form, but an error occurs&nbsp;for example,&nbsp;when a&nbsp;user didn't fill one of the required fields.</li></ul>&nbsp;<h3 class="PlaygroundEditorTheme__h3" dir="ltr" style="text-align: start;">Spaces</h3>You may set different spaces between form&nbsp;rows in pixels in the form settings. <h3 class="PlaygroundEditorTheme__h3" dir="ltr" style="text-align: start;">Labels</h3>One may also set a label alignment in respect to a field of the label.&nbsp;<h2 class="PlaygroundEditorTheme__h2" dir="ltr" style="text-align: start;">Edit your Form</h2>In order to edit a&nbsp;form, click on it and select "Edit content" under the Form settings bar on the settings panel.&nbsp;<img src="https://help.webwave.me/lib/dkwr2z/form2-l9ibef4r.png" alt="" width="inherit" height="inherit">&nbsp;<h3 class="PlaygroundEditorTheme__h3" dir="ltr" style="text-align: start;">Add a form&nbsp;element</h3>To add a form element, in a new window select "Add form element" and type a label&nbsp;name, tick the box if the field is required and choose its&nbsp;type. You can add the following elements: &nbsp;<ul class="PlaygroundEditorTheme__ul"><li value="1" class="PlaygroundEditorTheme__listItem">Text field</li><li value="2" class="PlaygroundEditorTheme__listItem">Text area</li><li value="3" class="PlaygroundEditorTheme__listItem">Select (drop down)</li><li value="4" class="PlaygroundEditorTheme__listItem">Select (multiple)</li><li value="5" class="PlaygroundEditorTheme__listItem">Date</li><li value="6" class="PlaygroundEditorTheme__listItem">File</li></ul>&nbsp;Then click the "Add" button:<img src="https://help.webwave.me/lib/dkwr2z/form3-l9ibeeow.png" alt="" width="inherit" height="inherit">&nbsp;<h3 class="PlaygroundEditorTheme__h3" dir="ltr" style="text-align: start;">Remove a form&nbsp;element</h3>In order to remove a form element, unroll its details and select "remove a form&nbsp;element" or just drag and drop it out&nbsp;of the window.&nbsp;<img src="https://help.webwave.me/lib/dkwr2z/form4-l9ibee94.png" alt="" width="inherit" height="inherit"> &nbsp;<h3 class="PlaygroundEditorTheme__h3" dir="ltr" style="text-align: start;">Move the form elements next to each other</h3>You can grab the element and put it next to each other&nbsp;(only two in one line).<img src="https://help.webwave.me/lib/dkwr2z/thumb-form-l9iklm0i.gif" alt="" width="inherit" height="inherit">&nbsp;<h3 class="PlaygroundEditorTheme__h3" dir="ltr" style="text-align: start;">Change order of form&nbsp;elements</h3>To change order of form's elements, click on the&nbsp;selected field and move it to the chosen place in your form.&nbsp;<h3 class="PlaygroundEditorTheme__h3" dir="ltr" style="text-align: start;">Edit a form's element</h3>In order to edit a form&nbsp;element, unroll its details and&nbsp;set:<ul class="PlaygroundEditorTheme__ul"><li value="1" class="PlaygroundEditorTheme__listItem">Label&nbsp;- field&nbsp;description.</li><li value="2" class="PlaygroundEditorTheme__listItem">Placeholder&nbsp;- dispayed text when a field is not filled out. Entering even one character removes a placeholder.</li><li value="3" class="PlaygroundEditorTheme__listItem">Required&nbsp;- whether a&nbsp;field should be&nbsp;compulsory.</li></ul>&nbsp;Label and placeholder can also be edited by double-clicking on them and entering text.&nbsp;&nbsp;<img src="https://help.webwave.me/lib/dkwr2z/form5-l9ibedqv.png" alt="" width="inherit" height="inherit">&nbsp;&nbsp;<h2 class="PlaygroundEditorTheme__h2" dir="ltr" style="text-align: start;">e-mail Settings</h2>To edit a form, click on it and select in the Setting&nbsp;panel, Form settings bar&nbsp;button "Edit content".&nbsp;<img src="https://help.webwave.me/lib/dkwr2z/form6-l9ibed7c.png" alt="" width="inherit" height="inherit">&nbsp;<h3 class="PlaygroundEditorTheme__h3" style="text-align: start;"> </h3>The e-mail title sent from a&nbsp;form can be set in "E-mail settings" on the right side of the Form edition window.&nbsp;Form recipients are the people who will get an e-mail when somebody fills out the form and sends it. You can set more than one recipient, entering each one in a new line on the right side of the Form edition window.&nbsp;<img src="https://help.webwave.me/lib/dkwr2z/form8-l9ibec8k.png" alt="" width="inherit" height="inherit">&nbsp;<h2 class="PlaygroundEditorTheme__h2" dir="ltr" style="text-align: start;">Change&nbsp;form&nbsp;style</h2> Change a label styleTo set a label style, double-click on it. From now on, every change made in the Settings&nbsp;panel and text editor will apply to every label.&nbsp;Change an inputs styleTo set an inputs style, double-click on any input field. From now on, all the changes made in the Settings panel and text editor will apply to every input field.&nbsp;&nbsp;Change a submit button styleIn order to set a submit&nbsp;button style, double-click on it. In the Settings change its color, borders and more.&nbsp;Change the displayed text after sending a formTo enter the text which will be displayed after a user sends a form, in the Settings panel change the state of submit button from "Normal" to "After sent". Double-click on the form and from now on, every change you make in terms of text content or button style will only apply in "After sent" button state. You can change button state "On error" style exactly the same way.&nbsp;<img src="https://help.webwave.me/lib/dkwr2z/form9-l9ibebp2.png" alt="" width="inherit" height="inherit">&nbsp;&nbsp;<h2 class="PlaygroundEditorTheme__h2" dir="ltr" style="text-align: start;">Useful information</h2>If your form has a field where users input&nbsp;their&nbsp;e-mail address, then when answering to a message sent from the form, the&nbsp;recipient will be automatically identified with the e-mail address indicated in the form by the&nbsp;user.&nbsp;&nbsp;What is a placeholder?A Placeholder is a text displayed in form input fields when a&nbsp;user hasn't filled them&nbsp;out yet. Typing even&nbsp;one character makes placeholder disappear, but deleting it makes it visible again.

With SiteDu.de builder, you can incorporate a "Form" element that enables you to establish communication with users effectively. By utilizing this element, you can effortlessly prompt them to answer your questions, fill out specific fields, and conveniently send their responses to a designated email address.

## Add a form to your website

Add a form in the toolbar on the left side of the builder. All you have to do is to drag a form icon and drop it on the website.

![](https://help.webwave.me/lib/dkwr2z/form-l9ibefk6.png)

A new form has two default fields. The first one is for e-mail, the second one is for leaving a message. A Button "Send" sends the message to an earlier specified e-mail.

## Form settings

After clicking on a form, you will be able to edit its style in the Settings panel.

### States of the Submit button

You can adjust submit a button style depending on its state:

* ****Normal**** - button style before a user sends a form.
* ****Hover**** - button style when a user hovers over it.
* ****After sent**** - button style when a user sends a form.
* ****On error**** - button style when a user sends a form, but an error occurs for example, when a user didn't fill one of the required fields.

### Spaces

You may set different spaces between form rows in pixels in the form settings.

### Labels

One may also set a label alignment in respect to a field of the label.

## Edit your Form

In order to edit a form, click on it and select "Edit content" under the Form settings bar on the settings panel.

![](https://help.webwave.me/lib/dkwr2z/form2-l9ibef4r.png)

### Add a form element

To add a form element, in a new window select "Add form element" and type a label name, tick the box if the field is required and choose its type.

You can add the following elements:

* Text field
* Text area
* Select (drop down)
* Select (multiple)
* Date
* File

Then click the "Add" button:

![](https://help.webwave.me/lib/dkwr2z/form3-l9ibeeow.png)

### Remove a form element

In order to remove a form element, unroll its details and select "remove a form element" or just drag and drop it out of the window.

![](https://help.webwave.me/lib/dkwr2z/form4-l9ibee94.png)

### Move the form elements next to each other

You can grab the element and put it next to each other (****only two in one line****).

![](https://help.webwave.me/lib/dkwr2z/thumb-form-l9iklm0i.gif)

### Change order of form elements

To change order of form's elements, click on the selected field and move it to the chosen place in your form.

### Edit a form's element

In order to edit a form element, unroll its details and set:

* ****Label****\- field description.
* ****Placeholder****\- dispayed text when a field is not filled out. Entering even one character removes a placeholder.
* ****Required**** - whether a field should be compulsory.

Label and placeholder can also be edited by double-clicking on them and entering text.

![](https://help.webwave.me/lib/dkwr2z/form5-l9ibedqv.png)

## e-mail Settings

To edit a form, click on it and select in the Setting panel, Form settings bar button "Edit content".

![](https://help.webwave.me/lib/dkwr2z/form6-l9ibed7c.png)

The e-mail title sent from a form can be set in "E-mail settings" on the right side of the Form edition window.

Form recipients are the people who will get an e-mail when somebody fills out the form and sends it. You can set more than one recipient, entering each one in a new line on the right side of the Form edition window.

![](https://help.webwave.me/lib/dkwr2z/form8-l9ibec8k.png)

## Change form style

****Change a label style****

To set a label style, double-click on it. From now on, every change made in the Settings panel and text editor will apply to every label.

****Change an inputs style****

To set an inputs style, double-click on any input field. From now on, all the changes made in the Settings panel and text editor will apply to every input field.

****Change a submit button style****

In order to set a submit button style, double-click on it. In the Settings change its color, borders and more.

****Change the displayed text after sending a form****

To enter the text which will be displayed after a user sends a form, in the Settings panel change the state of submit button from "Normal" to "After sent". Double-click on the form and from now on, every change you make in terms of text content or button style will only apply in "After sent" button state. You can change button state "On error" style exactly the same way.

![](https://help.webwave.me/lib/dkwr2z/form9-l9ibebp2.png)

## Useful information

If your form has a field where users input their e-mail address, then when answering to a message sent from the form, the recipient will be automatically identified with the e-mail address indicated in the form by the user.

****What is a placeholder?****

A Placeholder is a text displayed in form input fields when a user hasn't filled them out yet. Typing even one character makes placeholder disappear, but deleting it makes it visible again.

With SiteDu.de builder, you can incorporate a "Form" element that enables you to establish communication with users effectively. By utilizing this element, you can effortlessly prompt them to answer your questions, fill out specific fields, and conveniently send their responses to a designated email address.&nbsp;<h2 class="PlaygroundEditorTheme__h2" dir="ltr" style="text-align: start;">Add a form to your website</h2>Add a form in the&nbsp;toolbar on the left side of the builder. All you have to do is to drag a form icon and drop it on the website.&nbsp;<img src="https://help.webwave.me/lib/dkwr2z/form-l9ibefk6.png" alt="" width="inherit" height="inherit">&nbsp;A new form has two default fields. The first one is for e-mail, the second one is for leaving a&nbsp;message. A Button "Send" sends the message to an earlier specified e-mail.&nbsp;&nbsp;<h2 class="PlaygroundEditorTheme__h2" dir="ltr" style="text-align: start;">Form settings</h2>After clicking on a&nbsp;form, you will be able to edit its style in the Settings panel.&nbsp;&nbsp;<h3 class="PlaygroundEditorTheme__h3" dir="ltr" style="text-align: start;">States of the Submit button</h3>You can adjust submit a button&nbsp;style&nbsp;depending on its state:<ul class="PlaygroundEditorTheme__ul"><li value="1" class="PlaygroundEditorTheme__listItem">Normal&nbsp;- button&nbsp;style before a&nbsp;user sends a form.</li><li value="2" class="PlaygroundEditorTheme__listItem">Hover&nbsp;- button&nbsp;style when a&nbsp;user hovers over it.</li><li value="3" class="PlaygroundEditorTheme__listItem">After sent&nbsp;- button&nbsp;style when a&nbsp;user sends a form.</li><li value="4" class="PlaygroundEditorTheme__listItem">On error&nbsp;- button style when a&nbsp;user sends a form, but an error occurs&nbsp;for example,&nbsp;when a&nbsp;user didn't fill one of the required fields.</li></ul>&nbsp;<h3 class="PlaygroundEditorTheme__h3" dir="ltr" style="text-align: start;">Spaces</h3>You may set different spaces between form&nbsp;rows in pixels in the form settings.<h3 class="PlaygroundEditorTheme__h3" style="text-align: start;">&nbsp;</h3><h3 class="PlaygroundEditorTheme__h3" dir="ltr" style="text-align: start;">Labels</h3>One may also set a label alignment in respect to a field of the label.&nbsp;<h2 class="PlaygroundEditorTheme__h2" dir="ltr" style="text-align: start;">Edit your Form</h2>In order to edit a&nbsp;form, click on it and select "Edit content" under the Form settings bar on the settings panel.&nbsp;<img src="https://help.webwave.me/lib/dkwr2z/form2-l9ibef4r.png" alt="" width="inherit" height="inherit">&nbsp;<h3 class="PlaygroundEditorTheme__h3" dir="ltr" style="text-align: start;">Add a form&nbsp;element</h3>To add a form element, in a new window select "Add form element" and type a label&nbsp;name, tick the box if the field is required and choose its&nbsp;type. You can add the following elements: &nbsp;<ul class="PlaygroundEditorTheme__ul"><li value="1" class="PlaygroundEditorTheme__listItem">Text field</li><li value="2" class="PlaygroundEditorTheme__listItem">Text area</li><li value="3" class="PlaygroundEditorTheme__listItem">Select (drop down)</li><li value="4" class="PlaygroundEditorTheme__listItem">Select (multiple)</li><li value="5" class="PlaygroundEditorTheme__listItem">Date</li><li value="6" class="PlaygroundEditorTheme__listItem">File</li></ul>&nbsp;Then click the "Add" button:<img src="https://help.webwave.me/lib/dkwr2z/form3-l9ibeeow.png" alt="" width="inherit" height="inherit">&nbsp;<h3 class="PlaygroundEditorTheme__h3" dir="ltr" style="text-align: start;">Remove a form&nbsp;element</h3>In order to remove a form element, unroll its details and select "remove a form&nbsp;element" or just drag and drop it out&nbsp;of the window.&nbsp;<img src="https://help.webwave.me/lib/dkwr2z/form4-l9ibee94.png" alt="" width="inherit" height="inherit"> &nbsp;<h3 class="PlaygroundEditorTheme__h3" dir="ltr" style="text-align: start;">Move the form elements next to each other</h3>You can grab the element and put it next to each other&nbsp;(only two in one line).<img src="https://help.webwave.me/lib/dkwr2z/thumb-form-l9iklm0i.gif" alt="" width="inherit" height="inherit">&nbsp;<h3 class="PlaygroundEditorTheme__h3" dir="ltr" style="text-align: start;">Change order of form&nbsp;elements</h3>To change order of form's elements, click on the&nbsp;selected field and move it to the chosen place in your form.&nbsp;<h3 class="PlaygroundEditorTheme__h3" dir="ltr" style="text-align: start;">Edit a form's element</h3>In order to edit a form&nbsp;element, unroll its details and&nbsp;set:<ul class="PlaygroundEditorTheme__ul"><li value="1" class="PlaygroundEditorTheme__listItem">Label&nbsp;- field&nbsp;description.</li><li value="2" class="PlaygroundEditorTheme__listItem">Placeholder&nbsp;- dispayed text when a field is not filled out. Entering even one character removes a placeholder.</li><li value="3" class="PlaygroundEditorTheme__listItem">Required&nbsp;- whether a&nbsp;field should be&nbsp;compulsory.</li></ul>&nbsp;Label and placeholder can also be edited by double-clicking on them and entering text.&nbsp;&nbsp;<img src="https://help.webwave.me/lib/dkwr2z/form5-l9ibedqv.png" alt="" width="inherit" height="inherit">&nbsp;&nbsp;<h2 class="PlaygroundEditorTheme__h2" dir="ltr" style="text-align: start;">Edit an e-mail sent from a form</h2>To edit a form, click on it and select in the Setting&nbsp;panel, Form settings bar&nbsp;button "Edit content".&nbsp;<img src="https://help.webwave.me/lib/dkwr2z/form6-l9ibed7c.png" alt="" width="inherit" height="inherit">&nbsp;<h3 class="PlaygroundEditorTheme__h3" dir="ltr" style="text-align: start;">Set an e-mail title</h3>The e-mail title sent from a&nbsp;form can be set in "E-mail settings" on the right side of the Form edition window.&nbsp;<img src="https://help.webwave.me/lib/dkwr2z/form7-l9ibeco7.png" alt="" width="inherit" height="inherit">&nbsp;<h3 class="PlaygroundEditorTheme__h3" dir="ltr" style="text-align: start;">Set recipients</h3>Form recipients are the people who will get an e-mail when somebody fills out the form and sends it. You can set more than one recipient, entering each one in a new line on the right side of the Form edition window.&nbsp;<img src="https://help.webwave.me/lib/dkwr2z/form8-l9ibec8k.png" alt="" width="inherit" height="inherit">&nbsp;<h2 class="PlaygroundEditorTheme__h2" dir="ltr" style="text-align: start;">Change&nbsp;form&nbsp;style</h2><h3 class="PlaygroundEditorTheme__h3" dir="ltr" style="text-align: start;">Change a label style</h3>To set a label style, double-click on it. From now on, every change made in the Settings&nbsp;panel and text editor will apply to every label.&nbsp;<h3 class="PlaygroundEditorTheme__h3" dir="ltr" style="text-align: start;">Change an inputs style</h3>To set an inputs style, double-click on any input field. From now on, all the changes made in the Settings panel and text editor will apply to every input field.&nbsp;&nbsp;<h3 class="PlaygroundEditorTheme__h3" dir="ltr" style="text-align: start;">Change a submit button style</h3>In order to set a submit&nbsp;button style, double-click on it. In the Settings change its color, borders and more.&nbsp;<h3 class="PlaygroundEditorTheme__h3" dir="ltr" style="text-align: start;">Change the dispayed text after sending a form</h3>To enter the text which will be displayed after a user sends a form, in the Settings panel change the state of submit button from "Normal" to "After sent". Double-click on the form and from now on, every change you make in terms of text content or button style will only apply in "After sent" button state. You can change button state "On error" style exactly the same way.&nbsp;<img src="https://help.webwave.me/lib/dkwr2z/form9-l9ibebp2.png" alt="" width="inherit" height="inherit">&nbsp;&nbsp;<h2 class="PlaygroundEditorTheme__h2" dir="ltr" style="text-align: start;">Useful information</h2>If your form has a field where users input&nbsp;their&nbsp;e-mail address, then when answering to a message sent from the form, the&nbsp;recipient will be automatically identified with the e-mail address indicated in the form by the&nbsp;user.&nbsp; <img src="https://help.webwave.me/lib/dkwr2z/form10-l9ibeg9n.png" alt="" width="inherit" height="inherit">&nbsp;<h2 class="PlaygroundEditorTheme__h2" dir="ltr" style="text-align: start;">FAQ</h2><h3 class="PlaygroundEditorTheme__h3" dir="ltr" style="text-align: start;">What is a placeholder?</h3>A Placeholder is a text displayed in form input fields when a&nbsp;user hasn't filled them&nbsp;out yet. Typing even&nbsp;one character makes placeholder disappear, but deleting it makes it visible again.

Contact Forms

With SiteDu.de builder, you can incorporate a "Form" element that enables you to establish communication with users effectively. By utilizing this element, you can effortlessly prompt them to answer your questions, fill out specific fields, and conveniently send their responses to a designated email address.&nbsp;<h2 class="PlaygroundEditorTheme__h2" dir="ltr" style="text-align: start;">Add a form to your website</h2>Add a form in the&nbsp;toolbar on the left side of the builder. All you have to do is to drag a form icon and drop it on the website.&nbsp;<img src="https://help.webwave.me/lib/dkwr2z/form-l9ibefk6.png" alt="" width="inherit" height="inherit">&nbsp;A new form has two default fields. The first one is for e-mail, the second one is for leaving a&nbsp;message. A Button "Send" sends the message to an earlier specified e-mail.&nbsp;&nbsp;<h2 class="PlaygroundEditorTheme__h2" dir="ltr" style="text-align: start;">Form settings</h2>After clicking on a&nbsp;form, you will be able to edit its style in the Settings panel.&nbsp;&nbsp;<h3 class="PlaygroundEditorTheme__h3" dir="ltr" style="text-align: start;">States of the Submit button</h3>You can adjust submit a button&nbsp;style&nbsp;depending on its state:<ul class="PlaygroundEditorTheme__ul"><li value="1" class="PlaygroundEditorTheme__listItem">Normal&nbsp;- button&nbsp;style before a&nbsp;user sends a form.</li><li value="2" class="PlaygroundEditorTheme__listItem">Hover&nbsp;- button&nbsp;style when a&nbsp;user hovers over it.</li><li value="3" class="PlaygroundEditorTheme__listItem">After sent&nbsp;- button&nbsp;style when a&nbsp;user sends a form.</li><li value="4" class="PlaygroundEditorTheme__listItem">On error&nbsp;- button style when a&nbsp;user sends a form, but an error occurs&nbsp;for example,&nbsp;when a&nbsp;user didn't fill one of the required fields.</li></ul>&nbsp;<h3 class="PlaygroundEditorTheme__h3" dir="ltr" style="text-align: start;">Spaces</h3>You may set different spaces between form&nbsp;rows in pixels in the form settings. <h3 class="PlaygroundEditorTheme__h3" dir="ltr" style="text-align: start;">Labels</h3>One may also set a label alignment in respect to a field of the label.&nbsp;<h2 class="PlaygroundEditorTheme__h2" dir="ltr" style="text-align: start;">Edit your Form</h2>In order to edit a&nbsp;form, click on it and select "Edit content" under the Form settings bar on the settings panel.&nbsp;<img src="https://help.webwave.me/lib/dkwr2z/form2-l9ibef4r.png" alt="" width="inherit" height="inherit">&nbsp;<h3 class="PlaygroundEditorTheme__h3" dir="ltr" style="text-align: start;">Add a form&nbsp;element</h3>To add a form element, in a new window select "Add form element" and type a label&nbsp;name, tick the box if the field is required and choose its&nbsp;type. You can add the following elements: &nbsp;<ul class="PlaygroundEditorTheme__ul"><li value="1" class="PlaygroundEditorTheme__listItem">Text field</li><li value="2" class="PlaygroundEditorTheme__listItem">Text area</li><li value="3" class="PlaygroundEditorTheme__listItem">Select (drop down)</li><li value="4" class="PlaygroundEditorTheme__listItem">Select (multiple)</li><li value="5" class="PlaygroundEditorTheme__listItem">Date</li><li value="6" class="PlaygroundEditorTheme__listItem">File</li></ul>&nbsp;Then click the "Add" button:<img src="https://help.webwave.me/lib/dkwr2z/form3-l9ibeeow.png" alt="" width="inherit" height="inherit">&nbsp;<h3 class="PlaygroundEditorTheme__h3" dir="ltr" style="text-align: start;">Remove a form&nbsp;element</h3>In order to remove a form element, unroll its details and select "remove a form&nbsp;element" or just drag and drop it out&nbsp;of the window.&nbsp;<img src="https://help.webwave.me/lib/dkwr2z/form4-l9ibee94.png" alt="" width="inherit" height="inherit"> &nbsp;<h3 class="PlaygroundEditorTheme__h3" dir="ltr" style="text-align: start;">Move the form elements next to each other</h3>You can grab the element and put it next to each other&nbsp;(only two in one line).<img src="https://help.webwave.me/lib/dkwr2z/thumb-form-l9iklm0i.gif" alt="" width="inherit" height="inherit">&nbsp;<h3 class="PlaygroundEditorTheme__h3" dir="ltr" style="text-align: start;">Change order of form&nbsp;elements</h3>To change order of form's elements, click on the&nbsp;selected field and move it to the chosen place in your form.&nbsp;<h3 class="PlaygroundEditorTheme__h3" dir="ltr" style="text-align: start;">Edit a form's element</h3>In order to edit a form&nbsp;element, unroll its details and&nbsp;set:<ul class="PlaygroundEditorTheme__ul"><li value="1" class="PlaygroundEditorTheme__listItem">Label&nbsp;- field&nbsp;description.</li><li value="2" class="PlaygroundEditorTheme__listItem">Placeholder&nbsp;- dispayed text when a field is not filled out. Entering even one character removes a placeholder.</li><li value="3" class="PlaygroundEditorTheme__listItem">Required&nbsp;- whether a&nbsp;field should be&nbsp;compulsory.</li></ul>&nbsp;Label and placeholder can also be edited by double-clicking on them and entering text.&nbsp;&nbsp;<img src="https://help.webwave.me/lib/dkwr2z/form5-l9ibedqv.png" alt="" width="inherit" height="inherit">&nbsp;&nbsp;<h2 class="PlaygroundEditorTheme__h2" dir="ltr" style="text-align: start;">Edit an e-mail sent from a form</h2>To edit a form, click on it and select in the Setting&nbsp;panel, Form settings bar&nbsp;button "Edit content".&nbsp;<img src="https://help.webwave.me/lib/dkwr2z/form6-l9ibed7c.png" alt="" width="inherit" height="inherit">&nbsp;<h3 class="PlaygroundEditorTheme__h3" dir="ltr" style="text-align: start;">Set an e-mail title</h3>The e-mail title sent from a&nbsp;form can be set in "E-mail settings" on the right side of the Form edition window.&nbsp;<img src="https://help.webwave.me/lib/dkwr2z/form7-l9ibeco7.png" alt="" width="inherit" height="inherit">&nbsp;<h3 class="PlaygroundEditorTheme__h3" dir="ltr" style="text-align: start;">Set recipients</h3>Form recipients are the people who will get an e-mail when somebody fills out the form and sends it. You can set more than one recipient, entering each one in a new line on the right side of the Form edition window.&nbsp;<img src="https://help.webwave.me/lib/dkwr2z/form8-l9ibec8k.png" alt="" width="inherit" height="inherit">&nbsp;<h2 class="PlaygroundEditorTheme__h2" dir="ltr" style="text-align: start;">Change&nbsp;form&nbsp;style</h2> Change a label styleTo set a label style, double-click on it. From now on, every change made in the Settings&nbsp;panel and text editor will apply to every label.&nbsp;Change an inputs styleTo set an inputs style, double-click on any input field. From now on, all the changes made in the Settings panel and text editor will apply to every input field.&nbsp;&nbsp;Change a submit button styleIn order to set a submit&nbsp;button style, double-click on it. In the Settings change its color, borders and more.&nbsp;Change the displayed text after sending a formTo enter the text which will be displayed after a user sends a form, in the Settings panel change the state of submit button from "Normal" to "After sent". Double-click on the form and from now on, every change you make in terms of text content or button style will only apply in "After sent" button state. You can change button state "On error" style exactly the same way.&nbsp;<img src="https://help.webwave.me/lib/dkwr2z/form9-l9ibebp2.png" alt="" width="inherit" height="inherit">&nbsp;&nbsp;<h2 class="PlaygroundEditorTheme__h2" dir="ltr" style="text-align: start;">Useful information</h2>If your form has a field where users input&nbsp;their&nbsp;e-mail address, then when answering to a message sent from the form, the&nbsp;recipient will be automatically identified with the e-mail address indicated in the form by the&nbsp;user.&nbsp; <img src="https://help.webwave.me/lib/dkwr2z/form10-l9ibeg9n.png" alt="" width="inherit" height="inherit">&nbsp;What is a placeholder?A Placeholder is a text displayed in form input fields when a&nbsp;user hasn't filled them&nbsp;out yet. Typing even&nbsp;one character makes placeholder disappear, but deleting it makes it visible again.

Got a builder package? Learn how to use it and how to edit your content

Was this article helpful?