Contact Form

Before proceeding, make sure you have the Theme and Required Plugins including the Contact Form 7 plugin installed.

New Form

Step 1: Login to your WordPress admin panel and navigate to Contact → Add New

Step 2: Place the code below in the form tab for generating shortcode and then use in Elementor Contact Form and Subscribe Form widgets.

Contact Form Shortcode:

<div class="row vesper-form vesper-contact-form">
    <div class="col-lg-6">
         [text* text-321 class:form-control placeholder "Full Name"]
    </div>
    <div class="col-lg-6">
         [email* email-828 class:form-control placeholder "Email Address"]
    </div>
    <div class="col-lg-12">
         [textarea* textarea-217 class:form-control placeholder "Type Message"]
    </div>
    <div class="col-lg-12">
         <button class="theme-button button-solid-dark send-button">Send Message</button>
    </div>
</div>

Subscribe Form Shortcode:

<div class="vesper-form subscribe-form">
    [email* email-573 placeholder "Enter your email"]
    <button class="theme-button button-solid-dark subscribe-button">Subscribe</button>
</div>