Tutorials
-
Add Row Numbers to Repeatable Sections
This tutorial demonstrates how to add row numbers to repeatable sections.
-
Add Select2 to a WS Form Select Field
This tutorial explains how to add the Select2 jQuery plugin to any select field in your form.
-
Assign a Form to a WooCommerce Product
WS Form PRO can be used to customized WooCommerce products.
-
Build a WordPress Form With the Advanced Custom Fields (ACF) Plugin
Automatically create forms that contain the fields you have made in ACF for any post type.
-
Build a WordPress Form With the Pods Plugin
In this tutorial, we’ll show you how to integrate WS Form PRO with the Pods plugin.
-
Build a WordPress Form With the Toolset Plugin
In this tutorial, we’ll show you how to integrate WS Form PRO with the Toolset plugin.
-
Cascade Select, Checkbox, and Radio Fields
Cascading select and radio fields allows you to create choices that change based on a previous selection.
-
Change Form Submission Limit Settings Using PHP
Sometimes you might want to change form settings dynamically using PHP prior to the form being rendered on your website.
-
Change Required Field Indicators
You can change field required indicators to use any HTML you wish.
-
Combine First and Last Name Fields into a Full Name Field
Using WS Form PRO conditional logic you can easily create a full name field that is automatically updated when a user enters their first or last name.
-
Confirmation Fields
Confirmation fields require users to verify an email address, password, or other text information that has been typed into a form.
-
Control Actions With Conditional Logic
It is possible to control when WS Form PRO actions run by using conditional logic.
-
Create a Contact Form in WordPress
In this tutorial, we’ll show you how to create a contact us form for WordPress using WS Form.
-
Create a Customizable T-Shirt Product
This tutorial explains how we created the customizable t-shirt product demo.
-
Create a Discount Code Field
This tutorial shows you how to add a discount code field to your e-commerce form.
-
Create a Field Prefix or Suffix
Using WS Form you can easily add prefixes and suffixes to your WordPress form fields.
-
Create a Forgot and Reset Password Form
Learn how to create a custom forgot and reset password page.
-
Create a Form Recipient Selector
In this tutorial we'll show you how to allow a user to select a recipient by enabling and disabling 'Send Email' actions using conditional logic.
-
Create a Form Summary
On a long form you may wish to add a summary of the fields the user has completed.
-
Create a Redirect Selector
In this tutorial we'll show you how to set up form redirects using conditional logic.
-
Create an ‘Other’ Option
A common scenario on a form is the case of an 'Other' option as part of a list of options in a select, checkbox or radio field.
-
Create Floating Inside Field Labels With CSS
Floating field labels appear inside a field it is empty and move outside the field when it contains content.
-
Create Random Values
WS Form has two functions that can be used to create random numbers and string.
-
Custom Server-Side Form Validation
WS Form allows you to perform your own server-side validation of submitted fields values.
-
Display Checkboxes or Radios in Columns
It is possible to use the grid orientation setting in checkbox and radio fields to display checkboxes or radios in a grid format.
-
Duplicate / Copy Field Values With #text
The #text(...) variable is used to duplicate the value of field(s) in real-time.
-
Dynamically Set a Select Field Value Using a Query Variable
You can use conditional logic to dynamically set the value of a select field from a query variable.
-
Email Validation
It is possible to validate a users email address by sending them a validation link
-
Extract Select, Checkbox & Radio Labels
WS Form PRO has various variables that can be used to extract the chosen text from a select, checkbox or radio.
-
Filter Disposable Email Addresses
Reject form submissions from unwanted email addresses using this WS Form filter.
-
Find the ID of a Field
WS Form uses field IDs for variables, here's how to find them.
-
Form Abandonment – Saving Partial Form Submissions
Learn how to automatically save partially completed forms in case a visitor abandons a form.
-
How To Add Tooltips to Checkboxes and Radios
If you are using the WS Form framework you can use the following HTML to add Tooltips to Checkboxes and Radios.
-
Limit a Number Field to Whole Numbers
HTML number fields enable a user to enter any floating point number. This tutorial explains how to limit this to whole numbers.
-
Make a Field Read-Only
Making a form input field read-only means it cannot be modified, however, a user can tab to it, highlight it, and copy the text from it.
-
Populate a Field With Query String Data
It is possible to populate a field with the value of a query string parameter using the WS Form variable.
-
Populate a Form With Post Data
It is possible to pre-populate a form with WordPress post data using the Post Management add-on. The data could be from a page, post or any other custom post type registered in your theme.
-
Populate a Form With User Data
It is possible to pre-populate a form with WordPress user data with the User Management add-on. This is useful for creating an 'Edit Profile' form.
-
Populate Select, Checkbox and Radio Fields Using PHP
You can use WS Form functions to dynamically populate select, checkbox or radio fields.
-
Populate the Default Value of a Field
You can use WS Form functions to dynamically set the default value of fields.
-
Process Submit Data with a WordPress Hook
You can use the ‘Run WordPress Hook’ action in combination with some simple code to intercept submission data and use it in your own PHP scripts.
-
Redirect Existing Users by Role During Registration
When a user registers on your website using the User Management add-on you can redirect existing users by their role or other criteria.
-
Redirect Users by Role After Login
When a user logs in to your website using the User Management add-on, you may wish to redirect users by their role or other criteria.
-
Run JavaScript on Form Load
Learn how to run your own JavaScript when a form loads.
-
Save & Continue
The WS Form save & continue feature allows someone completing a form to save their progress and then continue the form later.
-
Setting Which Post ID to Update in the Post Management Action
Adding or updating a post is determined by using the 'Post ID' setting in the post management action.
-
Show Select, Checkbox and Radio Labels in Emails
Choose which data grid column to use for select, checkbox and radio choices in email templates.
-
Style Checkboxes
If you are using the WS Form framework you can use classes to style checkboxes.
-
Style Radios
If you are using the WS Form framework you can use classes to style radios.
-
Style Tabs
If you are using the WS Form framework you can use classes to style tabs.
-
The Date/Time Cheat Sheet
Dates can be complex! On this page we provide a variety of Date/Time field examples.
-
The Variable Cheat Sheet
While you can achieve a whole lot in WS Form without using variables, you can create even more dynamic and powerful forms using them.
-
Transforming Strings
WS Form can transform the text entered into fields as well as transforming strings using WS Form variables.
-
Translate Forms
WS Form provides full control over the copy used in your form.
-
Use Fields To Change Repeatable Section Row Counts
WS Form can set the number of rows in a repeatable section by using the value from another field.
-
Use Repeatable Section Count in Calculations
How to use the #section_row_count variable with repeatable sections to calculate other fields.
-
Use Shortcodes In Forms
WS Form PRO allows you to add WordPress Shortcodes to Text Editor, HTML and Message fields.
-
Writing Custom HTML for Emails
This article outlines some of the variables that are helpful when developing HTML email templates.