Prestashop Custom Form Maker

1. Go to back-office ->modules ->Module Manager.
2. Now, click on “Upload a module” button and select the module’s zip file.
3. In this way, the module gets install on Prestashop.

Once the module has been installed successfully, admin need to configure the module.

Configuration :

Here admin can change the text color, form and field background color. Option to change the radio/checkbox/file button color and file button background color and also set the submit button text, background and hover color of the custom form.

A new tab “custom form” gets available under design tab in back office.

Click on add custom form to create a new custom form.

Admin need to fill in all the details as per requirement of his form. Admin can enter Form title and submit button text in multi-language as well. Click on save to implement the necessary changes and create a custom form.

Admin can choose between 8 different position to show the custom form on the front end.

Once the custom form is created, a list will be displayed showing all the custom forms that have been created. Also a new button “add custom field” will be available. Now admin can create necessary custom fields required in his custom form.

Six types of custom fields are available :

1. Text box
2. Text area
3. Radio Button
4. Check box
5. Drop down 
6. File

Admin need to now configure these custom fields as per requirement in the custom form.

For adding a Text Box field in the custom form, select the form from the drop down menu and then select text box in the input type. Fill all the details as per requirement and click on save to add this custom field on the custom form. Refer to the screenshot below :

This is how the admin can add text box custom field to a custom form.

For adding a Text Area field in the custom form, you need to select the form from the drop down menu and then select text area in the input type. Fill all the details as per requirement and click on save to add this custom field on the custom form. Refer to the screenshot below :

Text area custom field is added to a custom form.

To add a Radio Button field in the custom form, select the form from the drop down menu and then select radio button in the input type. Fill all the details as per requirement and click on save to add this custom field on the custom form. Refer to the screenshot below :

Radio button custom field will be added to a custom form.

To add a Check Box field in the custom form, select the form from the drop down menu and then select check box in the input type. Fill all the details as per requirement and click on save to add this custom field on the custom form. Refer to the screenshot below :

This is how admin can add check box custom field to a custom form.

To add a Drop Down field in the custom form, select the form from the drop down menu and then select drop down in the input type. Fill all the details as per requirement and click on save to add this custom field on the custom form. Refer to the screenshot below :

This is how the admin can drop-down custom field to a custom form.

File

To add a File field in the custom form, select the form from the drop down menu and then select file in the input type. Fill all the details as per requirement and click on save to add this custom field on the custom form. Refer to the screenshot below :

This is how a file custom field can be added to a custom form.

Once admin has added all the required custom fields for the custom form, a list of all the custom fields added to that particular form can be seen.

List of all the custom fields applied on the selected custom form can be seen. Admin can also edit or delete any custom field from here.

Custom form will display to customer on the selected pages of the website as per the layout.

For vertical type :

Customers can fill the required details and send the form to the admin directly from here.