Contact Forms

To create Contacts Form, please do the following:

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

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

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

    <div class="sb-group-input">
      [text* cf_name placeholder "Name"]
    </div>
    <div class="sb-group-input">
      [email* cf_email placeholder "Email"]
    </div>
    <div class="sb-group-input">
      [textarea* cf_message placeholder "Message"]
    </div>
    <p class="sb-text sb-text-xs sb-mb-30">*We promise not to disclose your <br>personal information to third parties.</p>
    <!-- button -->
    <button class="sb-btn sb-cf-submit" type="submit">
      <span class="sb-icon">
        <span class="sb-icon-arrow"></span>
      </span>
      <span>Send</span>
    </button>
    <!-- button end -->

  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 > Contacts > 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 "Starbelly Theme" use widget: "Reservation Intro -> Forms".

Starbelly - how edit Contact forms with CF7

Saved your time and you want to thank me? You can image-text 😊

Last updated