Contact Forms

If you haven’t installed our demo content but want to add a contact form to your website, we recommend using the popular Contact Form 7 plugin.

This plugin is included as a recommended plugin with our theme. Once you install and activate it, a basic contact form will be automatically created. You can place it on your page using Elementor.

Alternatively, you can create a custom form by navigating to:
Dashboard → Contact → Add New

For detailed instructions, refer to the Contact Form 7 Documentation.

Bakly Theme Contact Forms Code:

<div class="row gx-xl-3">
        <div class="col-md-6">
            <div class="form-group position-relative mb-25">
                [text* text-61 class:w-100 class:ht-60 class:bg-ash class:text-para class:border-0 class:outline-0 class:round-10 placeholder "Name"]
            </div>
        </div>
        <div class="col-md-6">
            <div class="form-group mb-25">
                [email* email-454 class:w-100 class:ht-60 class:bg-ash class:text-para class:border-0 class:outline-0 class:round-10 placeholder "Email"]
            </div>
        </div>
        <div class="col-md-6">
            <div class="form-group position-relative mb-25">
                [number* number-697 class:w-100 class:ht-60 class:bg-ash class:text-para class:border-0 class:outline-0 class:round-10 placeholder "Phone"]
            </div>
        </div>
        <div class="col-md-6">
            <div class="form-group position-relative mb-25">
                [text* text-777 class:w-100 class:ht-60 class:bg-ash class:text-para class:border-0 class:outline-0 class:round-10 placeholder "Subject"]
            </div>
        </div>
        <div class="col-12">
            <div class="form-group mb-25">
                [textarea* textarea-917 class:w-100 class:ht-206 class:bg-ash class:text-para class:border-0 class:outline-0 class:round-10 class:resize-0 placeholder] Messages [/textarea*]
            </div>
        </div>
        <div class="col-12">
            <div class="col-xl-5 col-md-6">
                <button type="submit" class="btn style-two position-relative z-1 round-10">Send Message</button>
            </div>
        </div>
    </div>