Loading...




bS Contact Form 7

This plugin adds Bootstrap to radio buttons, checkboxes and alerts to Contact Form 7. Below you will find the HTML markup for a simple form and sender / recipient emails. Documentation

Form

    Required fields are marked *


    Form HTML Markup

    <p>Required fields are marked *</p>
    
    <div class="form-row">
    
        <div class="form-group col-md-6">
            [text* your-name class:form-control placeholder "Name*"]
        </div>
    
        <div class="form-group col-md-6">
            [email* your-email class:form-control placeholder "Email*"]
        </div>
    
    </div>
    
    <div class="form-row">
    
        <div class="form-group col-md-6">
            [select* menu-592 class:custom-select first_as_label "Option" "1" "2" "3" "4" "5"]
        </div>
    
        <div class="form-group col-md-6">
            <div class="custom-file">
                [file file-388 class:custom-file-input id:customFile limit:5mb filetypes:jpg|jpeg|JPEG|png]
                <label class="custom-file-label" for="customFile">Choose file (jpg, png max. 5 MB)</label>
            </div>
        </div>
    
    </div>
    
    [text your-subject class:form-control placeholder "Subject"]
    
    [textarea your-message class:form-control placeholder "Message"]
    
    [acceptance acceptance-789 id:gdpr class:custom-control-input use_label_element]I have read the <a href="https://yourdomain/privacy/" target="_blank">Privacy Policy</a> note. I consent to the electronic storage and processing of my entered data to answer my request. Note: You can revoke your consent at any time in the future by emailing <a href="mailto:mail@yourdomain.com">mail@yourdomain.com</a>.[/acceptance]
    
    <button type="submit" class="btn btn-primary wpcf7-submit" disabled="disabled"><span class="spinner-border spinner-border-sm ajax-loader" role="status" aria-hidden="true"></span>Send Message</button>

    Mail recipient HTML markup

    <h1>Inquiry contact form on [_site_title]</h1>
    <h2>Contact details</h2>
    <strong>Name:</strong> [your-name]
    <strong>Email:</strong> [your-email]
    <strong>Option:</strong> [menu-592]
    <strong>File:</strong> [file-388]
    <strong>Subject:</strong> [your-subject]
    <strong>Message:</strong> 
    [your-message]
       
    -- 
    This email was sent from a contact form on [_site_title]
    
    Company name
    Street
    City
    
    Email: mail@yourdomain.com
    Phone: 1234567

    Mail sender HTML markup

    Hello [your-name],
    
    thank you for contacting us. We will answer you as soon as possible.
    
    Here is a copy of your message to us:
    
    <h2>Contact details</h2>
    <strong>Name:</strong> [your-name]
    <strong>Email:</strong> [your-email]
    <strong>Option:</strong> [menu-592]
    <strong>File:</strong> [file-388]
    <strong>Subject:</strong> [your-subject]
    <strong>Message:</strong> 
    [your-message]
       
    -- 
    This email was sent from a contact form on [_site_title]
    
    Company name
    Street
    City
    
    Email: mail@yourdomain.com
    Phone: 1234567
    Cookies help us deliver our services. By using our services, you agree to our use of cookies. More Information