The Anatomy of a Form

Each of your website pages can have one or many forms on it. Each form on a web page is known as a form instance. You can have as many form instances on a page as you need. For example, you could add a  newsletter sign-up form in the header and the footer of your website.

Each form has settings associated with it. To learn more about these settings, click here.

Tabs

Tabs are a convenient way of splitting a form into separate pages.

Tabs are optional and forms can have one or many tabs. Forms with one tab are considered to be a single page form, and therefore the tab will not be show on your website.

When you create a new, blank form, it will only have one tab.  If you create an additional tab, WS Form will show the tabs at the top of your form on your website.

As a rule of thumb, smaller forms, such as a contact us form, are ideally suited to a single tab. Longer forms, such as an application form, might be better suited to a form with multiple tabs.

For more information about using Tabs, click here.

Sections

Each tab can have one or more sections. You can think of a section as a logic grouping of fields. For example, you might have one section for personal information and another section for an address.

As a rule of thumb, smaller forms, such as a contact us form, might only need one section. More complex forms might benefit from multiple sections to provide a better layout of your fields.

For more information about using Sections, click here.

Fields

Each section can have one or many fields. There are many different types of fields that you can add to your form, and each has its own settings that enable you to control how that field behaves.

For more information about using Fields, click here.

Actions

When a user completing a form clicks the ‘Submit’ or ‘Save’ button, you can set up actions to fire. Each action takes the completed form fields and does something with them, such as sending an email to you, sending an email to the user, saving the form fields in WordPress, checking for spam, or showing a message on the web page to thank the user for their submission.

WS Form can be extended with add ons to create additional actions, such as adding a contact to an external email marketing system such as Dotmailer, Mailchimp, or Constant Contact.

For more information about using actions, click here.

Conditional Logic

This feature is available in WS Form PRO.

Conditional logic enables you to add interactivity to your form. Examples of conditional logic are:

  • Hide or show other fields based upon other field input
  • Do something if the user clicks or hovers over a field
  • Check if two fields match each other (e.g. passwords)
  • Check if a field has a minimum character count

Each form can have one or more conditionals added to it. Each condition is made up of an IF, THEN, and ELSE.

IF: This is used to check one or more conditions, e.g., Does the field contain some text? If you add more than one condition, you can specify the logic between them, i.e.,  AND or OR.

THEN: If the ‘IF’ condition is true, WS Form will run any defined actions, e.g., Show a field. You can add one or more THEN actions to run.

ELSE: If the ‘IF’ condition is not true, WS Form will run the actions., e.g., Hide a field. You can add one or more ELSE actions to run.

For more information about using conditional logic, click here.