Tutorials
-
Add Custom Templates to the Template Library
Learn how to add custom templates to the WS Form 'Add New' page.
-
Add File Types to File Upload Fields in WordPress
Learn how to enable additional file types for WS Form file upload fields by extending WordPress's default MIME type settings.
-
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.
-
AI Generated Forms for WordPress
In this tutorial, we’ll walk you through the process of creating an AI generated form using WS Form’s OpenAI integration.
-
Allow Users to Add Custom Terms to Posts
You can allow users to add custom terms by enabling tagging on a select field.
-
Assign a Form to a WooCommerce Product
WS Form PRO can be used to customized WooCommerce products.
-
Automatically Login Users After Registration
Using the User Management add-on, it is possible to automatically login a user after they have been registered.
-
Build a WordPress Form with the ACPT Plugin
In this tutorial, we’ll show you how to integrate WS Form PRO with the ACPT WordPress plugin.
-
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 JetEngine Plugin
In this tutorial, we’ll show you how to integrate WS Form PRO with the JetEngine plugin.
-
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.
-
Calculate Character and Word Counts for a Form Field
You can use WS Form PRO to calculate the number of characters or words in a form field.
-
Calculating Minimum and Maximum Field Attributes
WS Form can calculate minimum and maximum field attributes of a series of fields.
-
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.
-
Change Tab Labels Using PHP
Sometimes you might want to change a tab label dynamically using PHP prior to the form being rendered on your website.
-
Combine First and Last Name Fields into a Full Name Field
Using WS Form PRO variables or conditional logic you can easily create a full name field that is automatically updated when a user enters their first or last name.
-
Conditional Logic Based on Day of the Week
This tutorial shows how to create conditional logic that checks the day of a week from a date field.
-
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 Using Conditional Logic
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 Recipient Selector Using PHP
In this tutorial we'll show you how to allow a user to select a recipient using the wsf_action_email_to filter hook.
-
Create a Form Summary
On a long form you may wish to add a summary of the fields the user has completed.
-
Create a Link in a Checkbox or Radio Label
WS Form allows you to add HTML to checkbox and radio labels.
-
Create a Redirect Selector
In this tutorial we'll show you how to set up form redirects using conditional logic.
-
Create a State / Province by Country Selector
Download a demo form showing how to create a simple state / province selector filtered by country.
-
Create a UK Postcode Lookup
The WS Form Google Address field can be used to create a UK postcode lookup feature for your form.
-
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 an Email Notification
You can add any number of additional 'Send Email' actions to your form.
-
Create Floating Inside Field Labels With CSS
Floating field labels appear inside a field when 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.
-
Create Select, Checkbox, and Radio Cascading Lookups
Cascading select and radio fields allows you to create choices that change based on a previous selection.
-
Custom Server-Side Form Validation
WS Form allows you to perform your own server-side validation of submitted fields values.
-
Data Grid Column Mapping
Column mapping allows you to map different columns of your data grid to different parts of your field.
-
Data Grids
WS Form data grids make entering a list of information quick and easy. Data grids work in much the same way as a spreadsheet and provide a powerful way of managing more complex types of data in WS Form.
-
Data Sources
WS Form data sources allow you to pull data from elsewhere into data grids for select, checkbox and radio fields.
-
Data Sources: Google Sheets
The Google Sheets add-on includes a data source that can be used to feed sheet data into Select, Checkbox and Radio fields.
-
Data Sources: WordPress Filter Hook
The WordPress Filter Hook data source allows you to dynamically populate a data grids with your own data for fields such as Select, Checkboxes and Radios.
-
Deduplicating Form Submissions
If a duplicate value is submitted into a field you can configure it to show a validation error.
-
Disable the Virtual Keyboard on Mobile Devices for Date/Time Fields
When using date/time field on mobile devices, the virtual keyboard can make interacting with the calendar distracting. Learn how to disable the virtual keyboard.
-
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.
-
Dynamic Label, Placeholder and Help Text With #text
The #text variable can be used in the 'Label' and 'Help Text' settings of fields to create dynamic labels and help text.
-
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 Address Validation
It is possible to validate a users email address by sending them a validation link.
-
Email Field Validation
Learn how WS Form validates email fields using HTML5 and RFC 5322, and how to require a top-level domain.
-
Enable and Disable Dates and Times Using PHP
This tutorial provides code samples for disabling and enabling dates and times in Date / Time fields.
-
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.
-
File Upload Accept Parameters
How to use the accept attribute in file upload fields to determine which file MIME types or extensions can be chosen.
-
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.
-
Formatting Numbers Using #number_format
Numbers can be formatted in WS Form using the #number_format variable.
-
Geolocation Lookup by IP
The WS Form Geolocation by IP Lookup setting in Form Settings can be used to populate form fields with approximate geographical information.
-
How Hidden Fields Work
There are several ways of hiding form field values in WS Form. Learn how to hide form field values and how hidden field behave.
-
How to Add a Handling Fee to an E-Commerce Form
This tutorial explains how to set up a handling fee to an e-commerce form.
-
How to Add Help Text to Forms
By providing clear and concise instructions or explanations, help text enhances the overall user experience.
-
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.
-
How to Block Form Submissions by IP
WS Form gives you multiple ways to block form submissions by IP address. This can be useful for preventing spam.
-
How to Block Form Submissions by Keyword
WS Form gives you multiple ways to block keywords from being submitted through a form.
-
How to Enable File Previews in Emails and PDF Templates
Learn to enable and disable file previews and information.
-
How to Extract First and Last Names from a Full Name
Extract first, middle, last name, prefix, and suffix from a full name field using WS Form variables.
-
How To Format Dates Using #field_date_format
The #field_date_format variable allows you to format the value of Date/Time fields using PHP date formatting conventions.
-
How to Get the Post ID after Creating a Post
This tutorial explains how to obtain and use the ID of a post created using the Post Management add-on.
-
How To Make Checkboxes Required
This tutorial explains the various ways of making Checkboxes required in WS Form.
-
How to Populate a Field with a New Post ID
How to populate a form field with a newly created post ID.
-
How to Reload the Page Using an Action
Reloading a page is easy to do using some simple JavaScript and the Run JavaScript action or with conditional logic.
-
How To Run Condition Logic on Form Render
To run any conditional actions when a form is rendered, you can use the Form > Rendered combination.
-
How to Scroll To Top When Changing Tabs
The Scroll To Top setting on Next Tab and Previous Tab fields allows you to scroll to the top of the form when the button is clicked.
-
How To Swap Two Form Input Values
In this tutorial, we will create a button in WS Form that swaps the values between two number fields using a hidden field and conditional logic.
-
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.
-
Linking to Tabs on a Form
It is possible to link directly to tabs on a form. There are two methods for doing this.
-
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.
-
Managing Taxonomy Terms with Post Management
The Post Management add-on allows you to set WordPress taxonomy terms on posts as well as populate a form field with term values.
-
Manipulate Submission Data Using WordPress Filter Hooks
When WS Form read or writes submission meta data, it can be filtered using WordPress filter hooks.
-
Number Rounding Examples
Learn how to round numbers using calculated fields.
-
Passing Data from One Form to Another Using a Query String
It is possible to transfer data from one form to another using query string parameters.
-
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.