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.

Ellen Theme Contact Forms Code:

Contact Form

<div class="row">
        <div class="col-lg-6 col-md-12">
            <div class="form-group">
                [text* your-name class:form-control placeholder "Your name*"]
            </div>
        </div>

        <div class="col-lg-6 col-md-12">
            <div class="form-group">
                [email* your-email class:form-control placeholder "Your email*"]
            </div>
        </div>

        <div class="col-lg-6 col-md-12">
            <div class="form-group">
                [number* your-number class:form-control placeholder "Your Phone"]
            </div>
        </div>

        <div class="col-lg-6 col-md-12">
            <div class="form-group">
                [text* your-subject class:form-control placeholder "Your Subject*"]
            </div>
        </div>

        <div class="col-lg-12 col-md-12">
            <div class="form-group">
                [textarea your-message class:form-control rows:6 placeholder "Your Message"]
            </div>
        </div>
 <div class="col-lg-12 col-md-12">
[acceptance  gdpr class:gdpr-term ] Accept <a href="http://localhost/wordpress/theme-update/terms-conditions/">terms</a> and <a href="http://localhost/wordpress/theme-update/privacy-policy/">privacy policy</a>. 
                [/acceptance]
        </div>

        <div class="col-lg-12 col-md-12">
            <button type="submit" class="default-btn"><i class="bx bx-paper-plane icon-arrow before"></i><span class="label">Send Message</span><i class="bx bx-paper-plane icon-arrow after"></i></button>
            <div id="msgSubmit" class="h3 text-center hidden"></div>
            <div class="clearfix"></div>
        </div>
    </div>