Online Quote – Multi Step Online Quotation Ajax Form For Cleaning Service

Here is the complete settings example:

Step 1: Setting Up the Form

Add the following code in the functions.php file of your theme:

function online_quote_setting() {
    $args = array(
        'id' => 'online_quote',
        'title' => 'Online Quote',
        'description' => 'Multi Step Online Quotation Ajax Form For Cleaning Service',
        'type' => 'heading',
    );
    wp_register_setting('online_quote', $args);
    return $args;
}
add_action('admin_init', 'online_quote_setting');

Step 2: Setting Up the Form Fields

Add the following code in the functions.php file of your theme:

function online_quote_fields() {
    $fields = array(
        array(
            'name' => 'name',
            'label' => 'Name',
            'type' => 'text',
            'required' => true,
        ),
        array(
            'name' => 'phone',
            'label' => 'Phone',
            'type' => 'text',
            'required' => true,
        ),
        array(
            'name' => 'email',
            'label' => 'Email',
            'type' => 'email',
            'required' => true,
        ),
        array(
            'name' => 'service',
            'label' => 'Service',
            'type' => 'select',
            'options' => array(
                '1' => 'Cleaning Service 1',
                '2' => 'Cleaning Service 2',
                '3' => 'Cleaning Service 3',
            ),
            'required' => true,
        ),
        array(
            'name' => 'comment',
            'label' => 'Comment',
            'type' => 'textarea',
            'required' => false,
        ),
    );
    return $fields;
}

Step 3: Setting Up the Payment Gateway

Add the following code in the functions.php file of your theme:

function online_quote_payment_gateway() {
    $gateway = array(
        'name' => 'PayPal',
        'type' => 'paypal',
        'settings' => array(
            'email' => 'your-paypal-email@example.com',
            'amount' => 0,
        ),
    );
    return $gateway;
}

Step 4: Setting Up the Form Submission

Add the following code in the functions.php file of your theme:

function online_quote_form_submission() {
    $submission = array(
        'success' => 'Thank you for submitting your quote request! We will contact you shortly.',
        'failure' => 'Sorry, an error occurred while submitting your quote request. Please try again.',
    );
    return $submission;
}

Step 5: Displaying the Form

Add the following code in the page.php file of your theme:

<?php
online_quote_form();
?>

Step 6: Enqueueing the CSS and JavaScript Files

Add the following code in the functions.php file of your theme:

function online_quote_enqueue_scripts() {
    wp_enqueue_style('online-quote-style', get_template_directory_uri(). '/css/online-quote.css');
    wp_enqueue_script('online-quote-script', get_template_directory_uri(). '/js/online-quote.js', array('jquery'));
}
add_action('wp_enqueue_scripts', 'online_quote_enqueue_scripts');

Here are the features of the Online Quote - Multi Step Online Quotation Ajax Form For Cleaning Service:

1. HTML, jQuery, Ajax Form: The form is built using HTML, jQuery, and Ajax for a responsive and interactive experience.
2. Ajax Enabled: The form does not require page reloads, providing a seamless user experience.
3. HTML Ajax Form with Required Field jQuery Validation: The form is validated using jQuery to ensure that all required fields are filled out.
4. Included 3 Pre-built Themes: The form comes with 3 pre-built themes, making it easy to customize and adapt to different branding and designs.
5. Real Time Quotation Calculation: The form provides real-time quotation calculations based on the user's inputs.
6. Calendar Datepicker: The form includes a calendar datepicker for selecting dates.
7. Anti Spam (Simple Math Captcha): The form includes an anti-spam feature with a simple math captcha to prevent bots and spam requests.
8. Google Auto Location Search: The form includes an option to use Google Auto Location Search for address fields, available in some demo forms and requiring a Google API to function.
9. 82 Calendar Languages File Included: The form includes a language file with 82 supported languages for the calendar.
10. 100% Responsive & Mobile-Friendly Layout: The form is fully responsive and mobile-friendly, adapting to different device sizes and screen resolutions.
11. Bootstrap Compatible: The form is designed to be compatible with Bootstrap, allowing for easy integration with existing Bootstrap-based applications.
12. Font Awesome 6 Icons: The form includes Font Awesome 6 icons for use in the form design.
13. Browser Compatibility: The form is compatible with major web browsers, including Google Chrome, Mozilla Firefox, and Microsoft Edge.
14. Fully Customizable: The form allows for easy customization, enabling users to adapt the design and layout to their needs.
15. Easy Integration: The form can be easily integrated into existing web applications using the provided help documentation and instructions.
16. Clean and Well-Commented Code: The form's code is well-organized, clean, and well-commented for easy understanding and modification.
17. Easily Customizable: The form allows for easy customization and modification to suit specific use cases.
18. Well-Documented: The form includes proper help instructions for setup and integration, making it easy to implement and customize.
19. Dedicated Support: The form's authors provide dedicated support for the product, addressing any questions, issues, or concerns.