21 November 2016

Element „Form” allows you to get in touch with website users by asking them to answer some questions or fill in some text fields and send their response to your e-mail address.

 

Adding form to website

 

Form settings

 

Form edition

 

Editing email sent from form

 

Editing form appearance

 

FAQ

 

Adding form to website

 

WebWave creator allows you to add form using toolbar on the left side of editor. Just click corresponding button or drag it on a website.

 

 

Newly added form has two default fields. First can be used to enter email address. In the second one user can enter his message. Button “send” allows user to send filled form to indicated address.

 

Form settings

 

You can change the following form options after clicking on it:

 

"Send" button status

 

“Send” button status defines button appearance when user clicks it.  Clicked button changes its status for a few seconds, after which it returns to normal status.

 

Available statuses:

 

  • Normal - button appearance before form is sent 
  • On hover - button appearance when user moves mouse over it 
  • When sent - button appearance when user clicks the button and form is sent. In this status you can change text which is shown instead of “Send” button
  • Error - appearance of form after user clicks “Send” button but some of the entered data is incorrect, for example in situation when required field is left empty by user. In this status you should first of all change the text shown instead of “Send” button.

 

Spacing

 

Vertical space (in pixels) between each row in form.

 

Labels

 

Position of field label in relation to this field

 

Form edition

 

 

To start editing form, select “Edit” icon in top right corner of element.

 

Adding field to a form

 

To add field to a form edit “Add field to form” window. Enter field label, set if filling this field is required and choose field type. Then click “Add” button

 

 

Removing field from form

 

To remove field from form, expand its details by clicking an arrow and click “Delete from form”. You can also drag selected field outside the window and drop it there.

 

 

Switching fields order

 

To switch fields order simply drag and drop selected field to a place in which you want it to be in your form

 

Editing fields

 

To edit field expand its details. You can edit following information:

 

  • Label - description shown next to field.
  • Placeholder - default text shown in an empty field before it is edited. Place holder will disappear when at least one character is entered into a field.
  • Required - click this option to make field required to fill.

 

Label and placeholder can also be edited by clicking twice on form and entering related data:

 

 

Editing email sent from form

 

To edit form in WebWave creator click “Edit” icon in top right corner of element.

 

 

Setting email title

 

Email title can be set in “Email settings” window on the right side of form edition tab.

 

 

Setting email sender

 

Email sender will be shown in recipients mailbox. This person will also automatically receive any reply to sent mail. Email sender can be set in “Email settings” window on the right side of form edition tab. This field can be left empty. In that case default email sender will be webwave@webwavecms.com.

 

 

Setting email recipients

 

Recipients will automatically receive email every time someone fills and sends form. You can add more than one email address but each of them has to be entered in new line. Email recipients are also set in “Email settings” window on the right side of form edition tab.

 

 

Editing form appearance

 

Customizing labels

 

To customize labels click twice one of them. All labels will be now selected with cyan border,  From now on, every change you make in bottom panel or in text editor will affect all labels.
You can now change their appearance, position (by adjustment of the element), text alignment and many more.
 

Customizing fields


To customize form fields click twice one of them. All fields will now be selected with cyan border.
From now on, every change you make in bottom panel or in text editor will affect all fields. You can now change background color, adjustment or border.
 

Customizing “Send” button


To customize “Send” button click on it twice. It will now be selected with cyan border – you can now change its text, color, adjustment, border, etc.
 

Styling


To change the text displayed when the form is sent go to bottom panel in “Form statuses” box, and click “When sent”. Instead of “Send” button you will now see text displayed when form is sent. Click on it twice. It will be selected with cyan border. You can now edit this text and customize its style. In the same way you can edit text displayed when sending form was unsuccessful.

 

FAQ

 

What is placeholder?

 

Placeholder is a text shown in an empty field. Placeholder will disappear if at least one character is entered into a field. If we delete whole text from a field, placeholder will appear again. 

GO BACK             

Form

 

 

Copyright © 2011 — 2018

All Rights Reserved

PRODUCT

CONTACT 

contact@webwave.me 

YOU SHOULD USE WEBWAVE TOO!

Try - it's free

SIGN UP

SUCCESS STORIES

HELP & SUPPORT

LANGUAGE

SIGN UP

LOG IN

SIGN UP

LOG IN