Login into your wp administration, then go on the "Plugins" page.You should see "Estimation Form Creator" in the list. Click on "Activate", under the title of the plugin.

Now, in the "Estimation Form" menu, click "Steps".
Click "Add New" button, enter your first step title (Features, Design, CMS ....) and save.
Repeat this action for all your steps .

Now, in the "Estimation Form" menu, click "Items".
Click "Add New" button, complete the fields and click "Save".
An item can be a picture (small png with transparent background recommended) or a checkbox . Items can be grouped. If they are, a single item of the group will be selectectable .

Form :

To open the generated popup, simply add "open-estimation-form" css class on a link or button.
For example add this on a post or a page :

<a href="#" class="open-estimation-form">Open Online Cost Estimator</a>

You can open the popup via Javascript to :

popup_estimation();		  // open popup
close_popup_estimation(); // close popup

---

Page template :

You can also apply the "Estimate Form" template on one of your pages.
The form will be opened in full screen.

You can easily recover selected items and fields informations, in the file ./assets/formReception.php.
For example, you can decide to save the information in your database, or send an email to the customer, etc ...
Here are the variables :

• $_POST['email'] : customer email
• $_POST['admin_email'] : admin email
• $_POST['items'] : Array containing all the selected items
• $_POST['fields'] : Array containing all the fields

If you are using WooCommerce, you can assign a product of your catalog to an item.
Information of the item will be filled automatically, and you can change the title and the picture if you want.
In the plugin settings, you can set the option to add selected products to cart, rather than receive an estimate by email.

If you are using Gravity forms, you can assign a gravity form on the last step :

• Create a new gravity form, and add a "Paragraph text" field with custom css class (in the field advanced tab) "estimation_project".
• Continue to create your form, without worrying about styles.
• Then, go to settings > Last Step, then select the created form in the "Use Gravityforms" field .