Back
Advanced Interactive Forms & Contacts
What is it and Why You Need it
We’re announcing the launch of the new Advanced Interactive Form! One of the most powerful features inside EzyCourse. It lets you build smart, flexible, and dynamic forms in a drag-and-drop way.
Instead of basic static forms, you can now create truly interactive experiences — like quizzes, application forms, surveys, lead forms, onboarding questionnaires, and more.
From advanced field types to powerful conditional logic, from scoring to automated feedback messages, the advanced interactive form gives you everything to turn any form into a smart workflow.
How the Advanced Interactive Form Works
The Advanced Interactive Form works by giving you a powerful drag-and-drop form builder where every field can react according to user behavior.
You can pick your form type between contact form and data collection form, choose the fields you need, and customize everything from labels to rules — all from one place. To make form building easier, all fields are organized into 5 categories:
Contact Fields
Basic Fields
Choice Fields
Media Fields
Advanced Fields
You can collect contact details, gather feedback, run quizzes, score answers, display totals, or trigger different feedback messages automatically.
The real power comes with the conditional logic. You can set static rules that stay constant or dynamic rules that change according to user behavior. This makes fields appear, hide, or react in real time.
Once you publish a form, you can add it to any page on your website and fully style it. All submissions come with analytics, including response details, timings, and insights.
With security and spam protection along with flexible design controls, the Advanced Interactive Form becomes a complete solution for creating a highly interactive, automated form experience.
This is only the initial version; more powerful updates are on the way. Don’t forget to purchase the Advanced Interactive Form Addon at promo price to get started with building smart forms.
How to Get Started Using the Advanced Interactive Form
Once you’ve purchased the Interactive form addon, notice that a new submenu for the feature is being added. To view, go to Marketing & Contacts -> Advanced Forms & Contacts or Addons -> Interactive Advanced form addon
From here, you can find and search all your drafted and published interactive forms. Along with statistics such as the total number of forms, total submissions, the number of fields, and responses in each form.
You can also Edit and Delete any form from here.
Click the View icon to see each form’s responses with in-depth analytics.
Track when users start filling the form, submit time, and total time to complete the form. You can also view each field's responses too.
To create a new form, click the Create New Form button.
Enter the Form Title and Description. Select either the Contact Form or the Data Collection form.
The Contact Form is used to collect users’ real information and details. The emails collected from this form can be used for email automations.
Picking the contact form will automatically include three required fields that you can’t delete. These include Email Address, First Name, and Last Name.
On the other hand, the Data Collection form is designed to collect general responses and feedback. However, the data received from this form can’t be used for email automation workflows.
Once you select the form type, click the Create Form button to go inside the form builder.
On the left side panel, you can find all the fields and their respective types.
Field Categories and Types
There are 5 field categories inside the interactive form. Which includes:
1. Contact: The contact field includes the primary field types to collect a user’s contact data and information. These are:
Email
First Name
Last Name
2. Basic: The basic category covers more detailed field types, which can be used to collect in-depth data. These are:
Address (Street address or location)
Paragraph (Display static text, descriptions, or other information)
Phone (Phone number with validation)
Signature (Digital signature pad for signing)
Country (Dropdown option with multiple countries)
Language (Dropdown option with multiple languages)
Short Text (Single line text input with placeholder)
Long Text (Multi-line text input with placeholder)
Number (Numeric input with validation)
Password (Secure password input with hidden characters)
3. Choice: The choice fields are basically used to give users multiple choices for each question or query. Users can select either a single/multiple choice, or pick one from the dropdown options. The three choice types include:
Single Choice (Single choice selection with Scoring)
Multiple Choice (Select multiple options with Scoring)
Dropdown (Select one option from a dropdown list)
4. Media: Using this field, you can ask your users to upload image files, high-quality audio files, and video files.
5. Advanced: This is one of the most advanced field types, which calculates form equations using mathematical formulas. It saves time and effort by eliminating the chaos of manual calculation.
On the right side panel, you can see the Field Details settings along with the option to resize the panel window back and forth (Up to 280px to the right to up to 800px to the left).
You can edit the Field label, field Information (tooltip), and even mark the field as Required and edit its tooltip text. Click the Update button to apply the changes made.
To add a new field, simply drag and drop the specific field into the form builder.
Hover over any field (excluding required fields) to Duplicate or Delete.
Field Show/Hide Settings
The show/hide field settings consist of two types: Static and Dynamic. For Static, the rules you set are fixed. Meaning, you can decide when a field should appear or stay hidden, and that rule stays constant.
Let’s say you want the Phone field to appear when a user selects their Country. To do this, click on ‘Phone’ field and then choose the ‘Static’ option under the Field Settings.
Select the source field, which is the ‘Country’ field, based on which the Phone field will appear.
The operator type includes equal to, not equal to, is truthy, and is falsy for non-numeric fields. These are the show/hide rules on which the static function will work.
To make the field appear, pick the ‘is truthy’ option. Conversely, when you select the ‘is falsy’ option, the phone field will only appear unless the user hasn’t selected their country
By the way, you can also pair up the show/hide settings with a conditional value. Suppose you want to show the telephone field depending on the number field operators, which include equal to, not equal to, less than, greater than, less than or equal, and greater than or equal.
[Note: Selecting numerical fields will show additional rule operators.]
Select ‘greater than or equal’ operator and then enter Condition Value as 10. This means when a user enters value 10 or more in the Number field, the Phone field will appear immediately. In the same way, you can use the rest operators accordingly.
Now, select the Show button as you want the field to appear depending on this rule. Click the Update button at the top to apply the changes made.
In contrast, the Dynamic show/hide rules are data-aware and based on flexible conditions. The fields show/hide based on the other field's live input. That is, the conditional logic adapts based on how the user interacts with the form in real time.
For use case, pick the Phone field and click on the Dynamic toggler. Select the source field as Country and not equal to operator rule. Now choose the value compare field as ‘Number’, and click the Show button.
This will make the Phone field appear only when the user's country and number field input doesn’t match.
How to Use Advanced & Unique Fields
1. Signature Field
The signature field allows you to include a digital signature field in your form on which users can sign using their finger, mouse, or stylus.
Just drag and drop Signature Field into the form builder. From the Field Details, you can change the label name, information, make it as required, or configure the show/hide settings.
And that’s how your users can digitally sign on your form. They have the undo, redo, and clear options for completing the signature field
2. Single/Multiple Choice Field with Scoring
You can add single or multiple-choice fields in your forms. This will require your users to select single/multiple options for the field input. In addition, you can even set calculation values to add numerical scores (positive & negative) for each option.
[Note: The numerical values are used in the form calculation field.]
As usual, you can edit the field label, information, mark it as required, or show/hide field settings. Clicking the Add Option button will create additional options.
To add scores, click the Calculation Values checkbox. You can find the add scores option beside every choice.
3. Advanced Calculation
With Form Calculation, you can run real-time calculations taking numerical values from number, single choice, and multiple choice form fields.
You can use it to total costs, calculate scores, apply mathematical formulas, or create custom outputs based on user input.
In Form Builder, simply drag and drop the Form Calculation field anywhere you like. Here, the field label shows the total result of the form calculation.
Along with editing the field settings, you can even set a Field Input Symbol (optional). The symbol you set here will show alongside the total result of the form calculation field.
The Set Your Calculation Formula button opens up the calculator modal, where you can add digits, decimal points, brackets, and operators (+, –, ×, ÷) using the keypad.
The Function button in the keypad lets you add prebuilt functions and math properties to your calculations. You can also use the Search Bar in the menu that opens and select the formula you want to use.
Suppose you want the form calculation field to sum the score supported fields. First, choose the sum() from functions.
Then add the fields based on which the calculation will be done. Once you add a field, click the + operator and then add fields one by one.
[Note: Make sure that the Single Choice and Multiple Choice fields have calculation values included. As for the Number field calculation, value isn’t required.]
In the screenshot attached below, you can see how the calculation field calculates automatically by taking real-time user input from the related fields.
Form Feedback with Conditional Logic
You can set auto feedback for your form submissions, and that too using conditional logic. Simply, hit the Settings button on the top right corner and then click on the Feedback Settings.
On the popup modal, click the Add Feedback button and then enter a feedback message using the EzyCourse rich text editor.
Now, for adding conditional logic, click the Add Condition button.
Choose between Static and Dynamic conditional logic. Configure the source field, operator, and condition value/compare field. Once done, click the Save Changes button.
In this way, you can create different feedback and set the conditional logic for the same form.
Users will see feedback based on different logics matching their form submission behavior.
Security and Spam Protection
To secure your form from spam and bot submissions, the interactive form has the Google Invisible reCAPTCHA option. To activate, hit the Settings button and then click the Security and Spam Protection option.
Enable the ‘Google invisible reCAPTCHA’ toggler and then close the modal.
Also Read: Learn how to setup google reCAPTCHA
When enabled, the form preview will request a reCAPTCHA token during submission and include it in the request.
Add Form Using The Website Builder
To display the form on your website, at first click the Update button and then Publish your form. Displaying the form on your website will allow your users to easily find and submit the form.
To do that, use the Advanced Form element inside the website builder.
Just drag and drop the Advanced Form element into a blank section first.
Then, right-click on the element to open the editing panel. From here, you can select the specific form you want to show on the page.
The default form layout is vertical. You can change it to horizontal or inline as well.
In addition, you can customize the button and its background color from the Form Style option. And the Background setting allows you to change the background color of the form.
Using the Styles and Advanced tab, you can add form padding, border radius, box shadow, and adjust the form animations. Once done, click the Publish button
Finally, users can see and submit the advanced form you’ve added on your website page.
