Form Settings

You can use the form settings to:

  • Change the name of your form
  • Change how your form behaves when it is submitted
  • Apply custom CSS classes to form elements
  • Change spam protection settings
  • Track visitors
  • Hide tabs
  • Control tab validation

… and more!

To access the form settings, click the settings icon at the top of the layout editor.

WS Form - Form Settings

The form settings sidebar will then appear. You can edit any of the settings in each of these tabs and then click the Save & Close or Save button. If you do not want to save your changes, you can click the Cancel button.

The form settings tabs are:

Basic

Form

Label

This is the label (title) of your form. As well as entering a label into this field, you can also edit the label at the top of the page. You should enter an easy-to-understand label for your form, for example, Contact Us or Appointment Request. This label is used to identify your form in WordPress and can also be added to the top of your form for website visitors to see using the Show Label setting.

Show Label

If enabled the label will be shown at the top of your form for website visitors to see. If you do not want the label to appear, uncheck this box.

Enable Form Submit On Enter

Allow the form to be submitted if someone types Enter/Return. Not advised for e-commerce forms.

Lock Save & Submit Buttons

A common issue with forms is that sometimes website visitors will double click a submit button. On a conventional form, this can often cause duplicate submissions to be processed.

WS Form comes with built-in duplicate protection. When this setting is enabled, it will disable the save & submit buttons once they have been clicked to prevent duplication from happening. We recommend leaving this setting enabled.

Unlock Save & Submit Buttons

When this setting is enabled, it will enable the save & submit buttons once the form has been successfully submitted or saved. It will also enable the button if a form error occurs. We recommend leaving this setting enabled.

Reset Form After Submit

When enabled WS Form will reset the form after it is successfully submitted so that any data in the fields is removed. We recommend keeping this setting enabled.

An example of when you would want to disable this setting might be if someone is doing repeated data entry into a form and only changing part of the submission each time.

Custom Form Action

If you do not want WS Form to process your form, enter a custom form action URL to post the form data to in this setting. WS Form will still perform client side validation before posting the data to the URL you have entered. Actions will not fire if a custom form action is entered.

If you do not have a custom form endpoint, leave this field blank.

Tabs

Remember Last Tab Clicked

If enabled WS Form will store the last tab a website visitor has clicked in a cookie on their browser. This makes navigating a complex form easier if they return to the form at a later date to complete it. This is particularly helpful if you have added a Save button to a form, which will save the current form so that it can be retrieved later.

Tab Validation

Tab validation prevents users from progressing to the next tab unless the current tab is validated. Check this setting to enable this feature.

Show Invalid Fields

If a tab contains invalid fields and the user attempts to progress to the next tab, WS Form will show invalid feedback. If you have the Focus Invalid Fields setting enabled (See below) it will also focus on the first field that is invalid.

Hide Tabs

Check this setting to hide the tabs but retain tab functionality (e.g. Next Tab button).

Fields

Invalid Feedback Text

If a required field is empty when the form is validated, invalid feedback text will shown.

The default invalid feedback text is: This field is required.

You can change the invalid feedback by changing this setting. You can also override invalid feedback text at a field level too.

The following WS Form variables can be used in this setting:

VariableDescription
#labelThe field label.
#label_lowercaseThe field label lowercase.

Focus Invalid Fields

If this setting is enabled, WS Form will focus on the first invalid field it finds when a form is submitted. This is a convenience feature that makes it easier for a website visitor to locate issues within their data entry.

Errors

Show Server Side Error Messages

Shows error messages if a server side error occurs when a form is submitted.

Type

There are five different types of error message:

  • Success (Green)
  • Information (Blue)
  • Warning (Orange)
  • Danger (Red)
  • None

Position

You can choose to position error messages to show before or after your form. For large forms we would recommend enabling Scroll To Top if you choose before positioning, so that the message is seen by the user.

Clear Other Messages

If enabled any other messages on the screen will be cleared first.

Scroll To Top

If enabled the browser will scroll to the top of the page when the error message is shown. Choose from None, Instant, or Smooth.

Scroll Offset (Pixels)

Number of pixels to offset the final scroll position by. Useful for sticky headers. For example, if your header is 100 pixels tall, enter 100 into this setting. This setting appears if Scroll To Top is set to Instant or Smooth.

Scroll Duration (ms)

Duration of the smooth scroll in milliseconds. This setting appears if Scroll To Top is set to Smooth.

Hide Form When Shown

If enabled the form will be hidden when the error message is shown.

Show Duration (ms)

Use this field to enter how long the error message is shown before the next action fires. The value entered should be in milliseconds (1 second = 1000 milliseconds). If you enter a value in this field, the following two options are also available.

Hide Message After Duration

If enabled the error message will be hidden after the Show Duration (ms) has elapsed.

Show Form After Duration

If enabled the form will be shown after the Show Duration (ms) has elapsed. This setting appears if Hide Form When Shown is enabled.