Links

Contact Page

To create Contacts Form, please do the following:
  1. 1.
    Go to Dashboard > Contact > Contact Forms > Add New.
  2. 2.
    Enter form name, for example "Contact Form"
  3. 3.
    In the tab "Form" you can use default form layout or enter this code lines:
    <div class="orb-grid orb-padding-grid">
    <div class="orb-g-50 orb-sm-100">
    <div class="orb-group-input">
    [text* cf-name placeholder "Name"]
    </div>
    </div>
    <div class="orb-g-50 orb-sm-100">
    <div class="orb-group-input">
    [email* cf-email placeholder "E-mail"]
    </div>
    </div>
    <div class="orb-g-100">
    <div class="orb-group-input">
    [textarea cf-message placeholder "Your message"]
    </div>
    </div>
    </div>
    <div class="orb-form-bottom">
    <div class="accept-terms-wrap">
    [checkbox* cf-terms class:inp-cbx "accept"]
    ​
    <label class="cbx terms" for="cbx">
    <span>
    <svg width="12px" height="10px" viewbox="0 0 12 10">
    <polyline points="1.5 6 4.5 9 10.5 1"></polyline>
    </svg>
    </span>
    <span>I accept<a href="/orabel/terms/" data-no-swup class="terms-link" target="_blank">terms</a>.</span>
    </label>
    </div>
    <button class="orb-submit-btn" type="submit">
    <span>Send message</span>
    <span class="orb-arrow orb-arrow-inline"></span>
    </button>
    </div>
    ​
  4. 4.
    In the tab "Mail", enter this your email address.
  5. 5.
    Save Changes.
To insert Contact form to page, please do the following:
  1. 1.
    Go to Dashboard > Pages > Add New.
  2. 2.
    In the tab "Page Attributes" > "Template", select "Elementor Template (Default)". In the tab "Publish" click to "Publish" button.
  3. 3.
    Click to "Edit with Elementor" button.
  4. 4.
    In Elementor builder panel drag and drop "Orabel Theme" elements: "Services", "Contact Form" and more.
(Video instructions below):
Orabel - how create Contact Page with CF7 forms with Elementor
Saved your time and you want to thank me? You can ​
image-text
😊
Last modified 10mo ago