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.

Aluna Theme Contact Forms Code:

Contact Form:

<div class="contact-us-form">
    <h3>Got A Minute? Contact Us Now!</h3>
    <div class="row justify-content-center">
        
        <div class="col-lg-12 col-md-12">
            <div class="form-group"> 
                <label>Name</label>
                [text* your-name class:form-control placeholder "Enter your name"]
            </div>
        </div>
        
        <div class="col-lg-12 col-md-12">
            <div class="form-group">
                <label>Email</label>
                [email* your-email class:form-control placeholder "Enter email address"]
            </div>
        </div>
        
        <div class="col-lg-12 col-md-12">
            <div class="form-group">
                <label>Number</label>
                [tel your-number class:form-control placeholder "Enter your number"]
            </div>
        </div>
        
        <div class="col-lg-12 col-md-12">
            <div class="form-group">
                <label>Subject</label>
                [text your-subject class:form-control placeholder "Enter your subject"]
            </div>
        </div>
        
        <div class="col-lg-12 col-md-12">
            <div class="form-group">
                <label>Your Message</label>
                [textarea your-message class:form-control placeholder "Your message here"]
            </div>
        </div>
        
        <div class="col-lg-12 col-md-12">
            <button type="submit" class="default-btn">
                Submit Message
                <svg xmlns="http://www.w3.org/2000/svg" width="18" height="14" viewBox="0 0 18 14" fill="none">
                    <path opacity="0.5" d="M16.25 6.75V7.25H1.25V6.75H16.25Z" fill="white" stroke="white"/>
                    <path d="M10.75 1L16.75 7L10.75 13" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
                </svg>
            </button>
        </div>
    </div>
</div>

Apply Form:

<div class="become-an-instructor-apply-form section-title-animation animation-style2">
    <h2 class="title-animation">Apply to Become an Instructor</h2>
    <div class="form-group"> 
        <label>Full Name</label>
        [text* your-name class:form-control]
    </div>
    
    <div class="form-group">
        <label>Email Address</label>
        [email* your-email class:form-control]
    </div>
    
    <div class="form-group">
        <label>Area of Expertise</label>
        [text your-area class:form-control]
    </div>
    <div class="form-group">
        <label>Proposed Course Topic</label>
        [text your-topic class:form-control]
    </div>
    
    <div class="form-group">
        <label>Experience Summary</label>
        [textarea your-message class:form-control]
    </div>
    
    <button type="submit" class="default-btn">
        Submit Application
        <svg xmlns="http://www.w3.org/2000/svg" width="18" height="14" viewBox="0 0 18 14" fill="none">
            <path opacity="0.5" d="M16.25 6.75V7.25H1.25V6.75H16.25Z" fill="white" stroke="white"/>
            <path d="M10.75 1L16.75 7L10.75 13" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
        </svg>
    </button>

</div>