Example Forms

E-mail Reminders (Add-on) NEW
Build In Translation System NEW
GDPR Compliance/Consent (conditionally save contact entry)
WooCommerce – Checkout
Conditional Logic
Google reCAPTCHA
PayPal – Cart Checkout
Password Protect (Add-on)
Google address autocomplete
CSV Attachment (Add-on)
Distance calculator
Calculate Age (Add-on)
Variable Fields
HTML with {tags}
Difference Between 2 Times (Add-on)
Calculate Days Between Dates
Checkbox Image Selection
Calculation (Add-on)
Minimal Theme
Full Rounded Theme
Rounded Theme
Fully Customizable Colors
Custom Buttons
Icon Inside Fields
Fields With Icons
Multipart – Multi step
Advanced Datepickers
Validate Previous Value
Dynamic user fields (add more +)
File upload
Dynamically populate fields {tags}
Accept Terms of Service
Dynamic URL Redirect Parameters
Retrieve URL Parameters
Column System
Form Redirect To Custom URL
Form Redirect To Existing Post
Front-end Register & Login (Add-on)
Email Templates (Add-on)
Signature (Add-on)
MailChimp (Add-on)
Field with tooltips
Text Editor Field
Autosuggest Field
Quantity field
Create Post (Add-on)
PayPal – Single Product Checkout (Add-on)
All Elements

E-mail Reminders (Add-on) NEWBACK TO TOP

Enter your real E-mail address to receive the reminder (your email address will not be stored). You should receive 2 emails after submitting the form, the first one will be send immediately. The second one will be send after 5 minutes (for demonstration purposes). Please understand that you might receive these emails shortly after each other, just look at the date and time of the email being delivered/send in your mail client!

Build In Translation System NEWBACK TO TOP

Email address:
Enter your email address
Choose your favourite color(s):
You are allowed to choose multiple colors if you want

GDPR Compliance/Consent (conditionally save contact entry)BACK TO TOP

The below form will only save a Contact Entry when the user agrees with their data being saved.




WooCommerce – CheckoutBACK TO TOP

Below you can find an example form that calculates a total price based on the user selected options.
This demo uses Calculator Add-on (to do calculations), WooCommerce Checkout (to redirect the user to the checkout page) and Name Your Price (to have dynamic pricing for the product).


Total of email addresses
How many email addresses you need for your domain?
 
 
$0.00
Total of domain names
Select how many domain names you want to register
-
+
 
 
$0.00
Website anti-virus, backups and updates
Select all the protections you want
 
 
$0.00
Select how many scans you want per week
How many Malware scans do you want per week?
 
 
$0.00
Select your total storage
How much storage would you need on your new server?
 
 
$0.00
Optimise my website for search engines
Select if you would like Off-site and/or On-site optimisation:
 
 
$0.00
Subtotal:$0.00
VAT (21%):$0.00
Total:$0.00

Conditional LogicBACK TO TOP

More info about conditional logic: Conditional logic documentation




  • - What is your main activity? -
  • - What is your main activity? -
  • I am a front-end webdeveloper
  • I am a back-end programmer
  • I am a designer

Google reCAPTCHABACK TO TOP

PayPal – Cart CheckoutBACK TO TOP

The below example form uses the PayPal Add-on to allow the user to checkout via PayPal. This example allows to checkout multiple products at once with paypal.




  • - select a product -
  • Towel
  • Football
  • Roses
-
+
$0.00

Password Protect (Add-on)BACK TO TOP

The password is: laR*AX(^HjpcA^5n2@hattUY




Google address autocompleteBACK TO TOP

Your address:
Street name
Street number
City
State
Zip code
Country

CSV Attachment (Add-on)BACK TO TOP

Requirements: CSV Attachment add-on




Distance calculatorBACK TO TOP

In the below example we have used the Calculator Add-on to demonstrate how flexible Super Forms in a whole is. The form uses Google places API to auto populate the addresses and calculates the difference between the 2 addresses entered by the user. Based on the result a price is being calculated. Of course you can customize the math for this calculation.
From:
Destination:
Distance:
Costs:
$0.00

Calculate Age (Add-on)BACK TO TOP

Requirements: Calculator add-on




Age: 0

Variable FieldsBACK TO TOP

Below we have setup a simple example of what you can do with variable fields.
In this example you can see how variable fields can help you to change values dynamically on the fly.

In this example we have a simple quantity field that allows us to choose any number. As soon as we hit the number 1, a hidden field (that is currently set to be a variable field) will get a new value, in our case this is 10. After that a calculation field will count both the quantity and the variable field together resulting in 11 if the quantity is set to: 1. But if the value is anything else, it will contain the value of 5. So the result will become 7 when quantity is set to 2.

More info about variable fields: Variable Fields documentation





-
+
$0.00

HTML with {tags}BACK TO TOP

$0.00

Please confirm the below information:

Name: {name}
Amount: {amount}
Subtotal: {subtotal}
Subtotal: {subtotal}
Choice: {option}

Difference Between 2 Times (Add-on)BACK TO TOP

Requirements: Calculator Add-on




0
0
0
Hours: 0
Minutes: 0
{hour_diff} hours and {minute_diff} minutes.
Please select a later time than your From time.

Same form but with 24 hour base (includes midnight time calculation):




zero_timestamp
0
zero_timestamp
0
from_timestamp
0
zero_from_diff
0
till_timestamp
0
zero_till_diff
0
from_till_diff
0
from_till_midnight_diff
0
Hours: 0
Minutes: 0
{hour_diff} hours and {minute_diff} minutes.

Calculate Days Between DatesBACK TO TOP

Requirements: Calculator add-on




Connected with departure datepicker
Departure
Total: 0

Checkbox Image SelectionBACK TO TOP

Calculation (Add-on)BACK TO TOP

Total of email addresses
How many email addresses you need for your domain?
 
 
$0.00
Total of domain names
Select how many domain names you want to register
-
+
 
 
$0.00
Website anti-virus, backups and updates
Select all the protections you want
 
 
$0.00
Select how many scans you want per week
How many Malware scans do you want per week?
 
 
$0.00
Select your total storage
How much storage would you need on your new server?
 
 
$0.00
Optimise my website for search engines
Select if you would like Off-site and/or On-site optimisation:
 
 
$0.00
Subtotal:$0.00
VAT (21%):$0.00
Total:$0.00

Minimal ThemeBACK TO TOP

Full Rounded ThemeBACK TO TOP

Rounded ThemeBACK TO TOP

Fully Customizable ColorsBACK TO TOP

Example label
Example description
Example label
Example description
Example label
Example description
Example label
Example description

Custom ButtonsBACK TO TOP

Custom alignments:
left, center, right
Custom Icons:
Custom URL:
Add custom URL or link to existing Post/Page (open in new/same window)
Custom colors:
Fully customize every color (background, font, border including hovers effects)
Custom shapes:
full rounded, rounded, square
Custom types:
3D, 2D, Flat, Outline, Diagonal
Custom sizes:
Mini, Tiny, Small, Medium, Large, Big, Huge, Massive

Icon Inside FieldsBACK TO TOP

Fields With IconsBACK TO TOP

Multipart – Multi stepBACK TO TOP

Advanced DatepickersBACK TO TOP

Datepicker with a maximum Year range (minimum 1 year back, maximum 2 years in future)
Date with a custom date format (mm/dd/yyyy)
Minimum date is 5 days in the future and maximum is 20 days in the future
Birth date (default value and custom placeholder text and maximum year 10 years back)

Validate Previous ValueBACK TO TOP

Dynamic user fields (add more +)BACK TO TOP

Let us know what your favorite hobby's are:
What websites did you create?

File uploadBACK TO TOP

The file upload element has several options that can be changed.
For instance: File size, Allowed file extensions and a minimum and maximum files to upload.





Upload your documents...

Dynamically populate fields {tags}BACK TO TOP

Below you can find a list will all possible tags you can use:
Check out the full list of {tags}





This field will retrieve the current Post Title with the tag: {post_title}
This field will retrieve the current logged in user display name with tag: {user_display}

Accept Terms of ServiceBACK TO TOP

Dynamic URL Redirect ParametersBACK TO TOP

  • - Adults -
  • 1
  • 2
  • 3
  • 4
  • - Children -
  • 1
  • 2

Retrieve URL ParametersBACK TO TOP

  • - Adults -
  • 1
  • 2
  • 3
  • 4
  • - Children -
  • 1
  • 2
  • - select your country -
  • Åland Islands
  • Afghanistan
  • Albania
  • Algeria
  • American Samoa (US)
  • Andorra
  • Angola
  • Antigua and Barbuda
  • Argentina
  • Armenia
  • Australia
  • Austria
  • Azerbaijan
  • Bahamas
  • Bahrain
  • Bangladesh
  • Barbados
  • Belarus
  • Belgium
  • Belize
  • Benin
  • Bermuda (UK)
  • Bhutan
  • Bolivia
  • Bosnia and Herzegovina
  • Botswana
  • Brazil
  • Brunei
  • Bulgaria
  • Burkina Faso
  • Burma (Myanmar)
  • Burundi
  • Cambodia
  • Cameroon
  • Canada
  • Cape Verde
  • Central African Republic
  • Chad
  • Chile
  • China
  • Colombia
  • Comoros
  • Congo, Democratic Republic of the
  • Congo, Republic of the
  • Cook Islands (NZ)
  • Costa Rica
  • Croatia
  • Cuba
  • Cyprus
  • Czech Republic
  • Denmark
  • Djibouti
  • Dominica
  • Dominican Republic
  • East Timor (Timor-Leste)
  • Ecuador
  • Egypt
  • El Salvador
  • Equatorial Guinea
  • Eritrea
  • Estonia
  • Ethiopia
  • Falkland Islands (UK)
  • Faroe Islands (Denmark)
  • Fiji
  • Finland
  • France
  • French Guiana
  • French Polynesia (France)
  • Gabon
  • Gambia
  • Georgia
  • Germany
  • Ghana
  • Gibraltar (UK)
  • Greece
  • Greenland (Denmark)
  • Grenada
  • Guam (US)
  • Guatemala
  • Guernsey (UK)
  • Guinea
  • Guinea-Bissau
  • Guyana
  • Haiti
  • Honduras
  • Hong Kong (China)
  • Hungary
  • Iceland
  • India
  • Indonesia
  • Iran
  • Iraq
  • Ireland
  • Isle of Man (UK)
  • Israel
  • Italy
  • Ivory Coast
  • Jamaica
  • Japan
  • Jersey (UK)
  • Jordan
  • Kazakhstan
  • Kenya
  • Kiribati
  • Korea, North
  • Korea, South
  • Kosovo
  • Kuwait
  • Kyrgyzstan
  • Laos
  • Latvia
  • Lebanon
  • Lesotho
  • Liberia
  • Libya
  • Liechtenstein
  • Lithuania
  • Luxembourg
  • Macau (China)
  • Macedonia
  • Madagascar
  • Malawi
  • Malaysia
  • Maldives
  • Mali
  • Malta
  • Marshall Islands
  • Mauritania
  • Mauritius
  • Mayotte (France)
  • Mexico
  • Micronesia, Federated States of
  • Moldova
  • Monaco
  • Mongolia
  • Montenegro
  • Morocco
  • Mozambique
  • Namibia
  • Nauru
  • Nepal
  • Netherlands
  • New Caledonia (France)
  • New Zealand
  • Nicaragua
  • Niger
  • Nigeria
  • Niue (NZ)
  • Norfolk Island (Australia)
  • Northern Mariana Islands (US)
  • Norway
  • Oman
  • Pakistan
  • Palau
  • Palestinian territories
  • Panama
  • Papua New Guinea
  • Paraguay
  • Peru
  • Philippines
  • Pitcairn Islands (UK)
  • Poland
  • Portugal
  • Qatar
  • Réunion (France)
  • Romania
  • Russian Federation
  • Rwanda
  • São Tomé and Príncipe
  • Saint Helena, Ascension and Tristan da Cunha (UK)
  • Saint Kitts and Nevis
  • Saint Lucia
  • Saint Pierre and Miquelon (France)
  • Saint Vincent and the Grenadines
  • Samoa
  • San Marino
  • Saudi Arabia
  • Senegal
  • Serbia
  • Seychelles
  • Sierra Leone
  • Singapore
  • Slovakia
  • Slovenia
  • Solomon Islands
  • Somalia
  • South Africa
  • South Sudan
  • Spain
  • Sri Lanka
  • Sudan
  • Suriname
  • Svalbard and Jan Mayen (Norway)
  • Swaziland
  • Sweden
  • Switzerland
  • Syria
  • Taiwan
  • Tajikistan
  • Tanzania
  • Thailand
  • Togo
  • Tokelau (NZ)
  • Tonga
  • Trinidad and Tobago
  • Tunisia
  • Turkey
  • Turkmenistan
  • Tuvalu
  • Uganda
  • Ukraine
  • United Arab Emirates
  • United Kingdom
  • United States
  • Uruguay
  • Uzbekistan
  • Vanuatu
  • Vatican City
  • Venezuela
  • Vietnam
  • Wallis and Futuna (France)
  • Western Sahara
  • Yemen
  • Zambia
  • Zimbabwe

Column SystemBACK TO TOP

Form Redirect To Custom URLBACK TO TOP

Form Redirect To Existing PostBACK TO TOP

Front-end Register & Login (Add-on)BACK TO TOP

Email Templates (Add-on)BACK TO TOP

Requirements: Email Templates Add-on




Signature (Add-on)BACK TO TOP

Requirements: Signature Add-on




Enter your personal email address!
Signature college 2
Signature college 1

MailChimp (Add-on)BACK TO TOP

Requirements: Mailchimp Add-on




Interests
Select one or more interests
API key has been disabled

Field with tooltipsBACK TO TOP

Text Editor FieldBACK TO TOP

Autosuggest FieldBACK TO TOP

  • apple
  • apple watch
  • app store
  • apple id

Quantity fieldBACK TO TOP

-
+

Create Post (Add-on)BACK TO TOP

Add New Post:

Upload feature image (2MB)
  • - select a option -
  • Books
  • Cars
  • News
  • Pictures
  • Uncategorized

PayPal – Single Product Checkout (Add-on)BACK TO TOP

Requirements: PayPal Add-on




  • - select a product -
  • Towel ($9.95)
  • Baseball ($15.00)
  • Roses ($17.34)

All ElementsBACK TO TOP

Text field:
Autosuggest
  • Red
  • Green
  • Yellow
  • Purple
  • Blue
  • Orange
Keywords/Tags
  • No matches found...
  • Books
  • Cars
  • Houses
  • Bikes
  • Planes
  • Bus
Toggle field
Check box:
Color picker
Radio buttons:
Dropdown:
  • - select your title -
  • Mr.
  • Mis.
Textarea:
File upload:
Upload your documents...
Date picker:
Time picker:
Slider field
Quantity field
-
+
Rating:
Password:
Hidden field
Check sourcecode if you want to see it!
Inline Images:
Custom HTML:
Your custom HTML code can be inserted here...
Dividers:
Dividers can have different colors, types, widths, thickness, alignment and a back to top option
Spacers:
Below we have added a spacer, the only job it has is to add more spacing between anything you have added in your form. This can either be elements or columns.
Custom buttons:
Normally the form will generate a button automatically, but if you want multiple buttons you can add as many as you want. They all can have their own colors and settings for instance a custom URL