Estimation & Payment Forms

View ordersReturn to the form

Purchase code Add a new Form Import forms Export all forms

Form titleShortcodeActions
My new Form<div>[estimation_form form_id="1"]</div>
My new Form<div>[estimation_form form_id="2"]</div>

Form settings

The form title
Enter a prefix for the order reference
By filling this field, you can track user actions in your form
By filling this field, you can use distance calculations
The progress bar can show the price or step number
Display or hide the total price at bottom of each step
$, € , £ ...
Sets the currency position in the price
If "field", tooltip will be positionned on top
You can paste your own js code here
Starting price
Leave blank for automatic calculation
Display or hide the initial price from progress bar
Hide tooltips on touch devices ?
Automatically go to the next step when selecting if only one product is selectable and step is required
Activate this option if your theme uses ajax navigation to display pages
Activate this option if your select items don't work correctly
Select your language code
Enter a separator or leave empty
Enter a separator or leave empty
Enter a separator or leave empty
Sets the animations speed, in seconds(default : 0.5)

General

Something like "You need to select an item to continue"
Something like "NEXT STEP"
Something like "return to previous step"
Something like "Description"
Something like "Quantity"
Something like "Information"
Something like "Price"
Something like "Total :"
Something like "Discount :"
Something like "Drop files here to upload"
Something like "File is too big (max size: {{maxFilesize}}MB)"
Something like "Invalid file type"
Something like "You can not upload any more files"
Something like "Calculating the distance could not be performed, please verify the input addresses"

Introduction

Is Introduction enabled ?
Something like "HOW MUCH TO MAKE MY WEBSITE ?"
Something like "Estimate the cost of a website easily using this awesome tool."
Something like "GET STARTED"

Last Step

Something like "Final cost", "Result" ...
Something like "The final estimated price is :"
Something like "ORDER MY WEBSITE"
Something like "Thanks, we will contact you soon"

Stripe payment

Something like "Credit Card number"
Something like "CVC"
Something like "Expiration date"

Admin email

Email that will receive requests
Something like "New order from your website"
A pdf file will be generated and sent as attachment

Variables :

[project_content] : Selected items list
[information_content] : Last step form values
[total_price] : Total price
[ref] : Order reference

Get the value of a field

Customer email

If true, the user will receive a confirmation email
Something like "Order confirmation"
A pdf file will be generated and sent as attachment

Variables :

[project_content] : Selected items list
[information_content] : Last step form values
[total_price] : Total price
[ref] : Order reference

Get the value of a field

Mailing list

If checked, the contact will be send at end of the step containing the email field
Complete this field if you want to call a specific url on close . Otherwise leave it empty.
Activate it to create different possible redirections
Enter the wanted delay in seconds
Set on true to hide the price on the last step.

Summary

Do you want to show a summary on last step ?
Something like "Summary"
Do you want to hide the column of quantities ?
Do you want to hide zero prices ?
Do you want to hide all prices ?
Do you want to hide the total row ?

Legal notice

If true, the user must accept the notice before submitting the form
Something like "I certify I completely read and I accept the legal notice by validating this form"
Write your legal notice here

Payment

Does the price corresponds to a subscription ?
Something like "/month"
If true, the user will be redirected to the payment page
Enter your paypal email
Payment will be renewed every ... ?"
The subscription ends after how many payments ?
Only this percentage will be paid by paypal
Enter your paypal currency
The payment page will be displayed in the selected language
Email will be send only if the payment has been done and verified
Enable Sandbox only to test with fake payments
If true, the user will be redirected to the payment page
Enter your stripe secret key
Enter your stripe publishable key
Payment will be renewed every ... ?"
Enter your stripe currency

Fields of the final step

Add a field

Label Type Actions

Design

ex : #1abc9c
ex : #bdc3c7
ex : #34495e
ex : #bdc3c7
Apply the gray effect on unselected items ?
ex : #bdc3c7
ex : #ffffff
ex : #ecf0f1
ex : #7f8c9a
A flip animation will be shown when an image is selected
It will apply a shining effect on the buttons
Form Designer
Enter your custom css code here

Discount coupons

If you enable this option, a discount coupon field will be displayed at end of the form

Add a new coupon Remove all coupons

Coupon code Max uses Number of uses Reduction

Save

Insert

This is the field label
Choose a type
Select a validation method
It will allow the plugin to recover this information
Edit a redirection

Add a condition

Element Condition Value
Add a condition

Add a condition

Element Condition Value
Add a condition

Add a condition

Element Condition Value
Add a condition

Add a condition

Element Condition Value
Add a condition

Add a condition

Element Condition Value
Edit a step

Step options

This is the step name
A facultative description
Leave 0 to fill the full width

If true, the user must select at least one item to continue

This step will be displayed only if the conditions are filled

This step will be displayed in the summary

Items List

Add a new Item

Title Group Actions
Edit an item
This is the item name
Item small description. You can leave it empty.
Only one of the items of a same group can be selected
Select a type of item
It will allow the plugin to recover this information
Fill this field to limit the the minimum number of characters
Fill this field to limit the the maximum number of characters
Options of select field
Add a new option
Upload Image Select a picture
Automatically fill the picture with the main color
If you fill an url, it will be opened in a new tab on selection
ex : #1abc9c
The next step will be called when this item will be clicked
Shows the price in the item title
The item will be displayed as column or full row
This item will be displayed only if the conditions are filled
Sets the item price
If checked, the price will be replaced by a calculation
Add a value Add a condition Add a distance
Use the buttons to easily create your calculation

Example of calculation :

10
            if(([item-3_quantity] >5) ) {
                    ([item-3_price]/2)*([item-1_quantity])
            } 

Here, the default price of the item will be $10. If the item #3 is selected, the price of the current item will be the half of the item #3 calculated price multiplied by the selected quantity of the item #1.

+ and - allow you to add or remove the price of the total price, * and / allow you to add or remove a percentage from the total price
Select the position of the icon
Is the item selected by default ?
Item will be used in the calculation, but will not be displayed
Is the item required to continue ?
The first option can't be selected
Payment will be used only if this item is selected
This item will be displayed in the summary if the user selects it
The quantity of this item will be hidden in the summary
Defines the default value of this field
Maximum number of files the user can upload
Something like 25
Enter the allowed extensions separated by commas
If checked, the item price will not be a part of the subscription price
Can the user select a quantity for this item ?
Sets the minimum quantity that can be selected
Sets the maximum quantity that can be selected
Apply reductions on quantities ?
Use distance as quantity ?
If quantity >= thanItem price becomes
Add a new reduction

Insert

Distance calculation

Departure address

Type Item
Address
City
Zip code
Country

Arrival address

Type Item
Address
City
Zip code
Country

The result will be the distance between the two addresses in

Insert

Form designer
Select an element

Apply
Inspector