In website builder WebWave element "Form" allows you to make contact with users by asking them to answer your question or to tick some boxes and send answers to certain e-mail. In this article, you will learn how to build a website with a from.

 

Add form to your website

Form settings

 

Form edition

 

Edit e-mail sent from form

 

Change form style

 

Useful information

 

FAQ

 

 

 Add form to your website

In website builder WebWave you can add form from the toolbar on the left side of the builder. All you have to do is drag form icon and drop it on the website.

 

 

A new form has two default fields. First one is for e-mail, second for a message. Button "Send" sents message to entered e-mail.

 

 

 Form settings

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

 

 Submit button states

You can adjust submit 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 form fields.

 

 Spaces

Set spaces between form rows in pixels.

 

 Labels

Set label alignment.

 

 Form edition

In order to edit form, click on it and select "Edit content" in side edition panel.

 

 

 Add form element

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

 

 

 Remove form element

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

 

 

 Change order of form elements

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

 

 Edit form element

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

  • Label - field description.
  • Placeholder - text displayed when field is not filled out. Entering even one character removes a placeholder.
  • Required - should this field be compulsory.

 

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

 

 

 

 Edit e-mail sent from form

To edit form click on it and select in the Setting panel "Edit content".

 

 

 Set e-mail title

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

 

 

 Set recipients

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

 

 

 

 Change from style

 Change 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 inputs style

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

 

 Change submit button style

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

 

 Change text displayed after sending a form

To enter text which will be displayed after the user sends a form, change in the Settings panel state of submission button from "Normal" to "After sent". Double click on the form and from now on, every changes 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.

 

 

 

Useful information

If your form has a field where users input their e-mail, then when you answer a message from the form, the recipient will be automatically set as e-mail address entered by the user. 

 

 

 FAQ

 What is a placeholder?

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.

Form

15 January 2019

Back

This website has been entirely created using our web design software WebWave. We use cookies to give you the best possible experience. Read more.

FIND US ONLINE

HELP DOCS

WEBWAVE

FOR CUSTOMERS

OFFER

WEBSITE BUILDER

Click here to chat with us.

CONTACT

contact@webwave.me

PANEL WEBMASTERA

GET STARTED

Free website builder WebWave makes creating websites effortless. You can start building your website either from scratch with a blank page or, if you are looking for some inspiration, with a free template.  Web design software for free? It is easy!

Didn't find a solution to your problem? Contact us on live online chat or ask on Facebook group.

 

Missing any feature? Share your ideas with us.

 

PANEL WEBMASTERA

LOG IN

GET STARTED