Menu Close
    Start a Project Request quote Reading list Switch to dark mode
    prestashop-marketplace-mod
    Blog Version - 1.6.x.x
    • Version 1.7.x.x
    • Version 1.6.x.x

    Prestashop Custom Form Maker

    Prestashop Custom Form Maker : Allows admin to add custom form on the website for the customers. Now admin can add custom fields to the form according to his requirement. With the help of this module, customers can now send important details to the admin by filling up these custom forms. Custom fields such as textbox, textarea, radio button, checkbox, dropdown menu or uploading of file can be made available in the custom form by the admin. Admin can choose different positions to display the form on the website.

    Features

    • Admin can add custom form on the website.
    • Admin can change the text color, form and field background color.
    • Admin has the option to change the radio/checkbox/file button color. File button background color can also be changed.
    • Admin can select submit button text, background and hover color.
    • Admin can add image to custom form. Also set the position of the image.
    • Admin has the option to choose between horizontal or vertical form type for custom fields.
    • Admin decides if customer has to be logged in to submit the form or not.
    • Admin can choose different positions to display the form on the website.
    • Admin can add custom fields to the form.
    • Different types of custom fields i.e. textbox, textarea, radio button, checkbox, dropdown menu and file upload are available for admin to  choose from.
    • Admin gets the option to make custom fields mandatory.
    • Label names for custom fields can be set in multi-language by the admin.

    Installation

    1. Go to Back office > Modules and Services > Upload a Module

    2. Drop or select your module zip file

    Module would be automatically installed.

    Configuration

    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.

    Workflow

    A new tab custom form” is added 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. Form title and submit button text can be entered 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 has been 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.

    Custom Field

    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 has to now configure these custom fields as per requirement in the custom form.

    Text Box

    To add 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 a text box custom field can be added to a custom form.

    Text Area

    To add a Text Area field in the custom form, 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 :

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

    Radio Button

    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 :

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

    Check Box

    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 a check box custom field can be added to a custom form.

    Dropdown

    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 a drop down custom field can be added 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.

    Front-end

    Custom form will be displayed 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.

    Admin-end

    Once the customers send in the forms, admin can view all the forms for a particular custom form under the view tab.

    Here a list of all the submitted forms will be shown.

    Click on view button to open the form and see the details.

    So this is how information from customers can be taken by adding custom forms on the website.

    Support

    For any kind of technical assistance, just raise a ticket at : http://webkul.uvdesk.com and for any doubt contact us at support@webkul.com

     

    Current Product Version - 1.0.0

    Supported Framework Version - 1.6.x.x

    . . .

    Comment

    Add Your Comment

    Be the first to comment.

    Back to Top
    css.php
    Hire Us!
    Brief us about your requirements and we'll get back to you.
    Woo! Hooy!
    We have just recieved your project brief and our expert will contact you shortly.
    Send Again
    Close

    Table of Content

    Hide Index