Contact Forms

To create/edit Contacts Form, please do the following:

  1. Go to Dashboard > Contact > Contact Forms > Add New.

  2. Enter form name, for example "Contact Form One"

  3. In the tab "Form" you can use default form layout or enter this code lines:

    <div class="row g-0">
     [text* cf1_name class:form-control placeholder "Complete Name"]
    </div>
    <div class="row g-0">
     [email* cf1_email class:form-control placeholder "Email Address"]
    </div>
    <div class="row g-0">
     [tel* cf1_tel class:form-control placeholder "Phone No"]
    </div>
    <div class="row g-0">
     [select* cf1_subject class:form-control "Subject" "Subject 1" "Subject 2" "Subject 3"]
    </div>
    <div class="row g-0">
     [textarea* cf1_message placeholder "Question / Message?"]
    </div>
    <button type="submit" class="theme-btn">Submit Now <i class="fas fa-angle-double-right"></i></button>

  4. In the tab "Mail", enter this your email address.

  5. Save Changes.

To insert Contact form to page, please do the following:

  1. Go to Dashboard > Pages > Contact > Edit Page.

  2. In the tab "Page Attributes" > "Template", select "Layout builder (Elementor)". In the tab "Publish" click to "Publish" button.

  3. Click to "Edit with Elementor" button.

  4. In Elementor builder panel drag and drop "Builty Theme" use widget: "Contact Form".

(Video instructions below):

Last updated