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.

Suno Theme Contact Forms Code:

<div class="contact-us-form">
    <div class="form-group">
        <label>Full Name*</label>
        [text* full-name class:form-control placeholder "Matthew Beauregard"]
    </div>

    <div class="form-group">
        <label>Email Address*</label>
        [email* email-address class:form-control placeholder "[email protected]"]
    </div>

    <div class="form-group">
        <label>Phone Number</label>
        [number phone-number class:form-control placeholder "+1 (444) 075 8494"]
    </div>

    <div class="form-group">
        <label>Subject*</label>
        [text* subject class:form-control placeholder "Subject"]
    </div>

    <div class="form-group">
        <label>Your Message</label>
        [textarea special-notes class:form-control placeholder "Write your message here"]
    </div>

    <button type="submit" class="default-btn">
        <span class="left">
            <i class="ri-arrow-right-up-long-fill"></i>
        </span>
        Send Message
        <span class="right">
            <i class="ri-arrow-right-long-fill"></i>
        </span>
    </button>
</div>