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="text-center">
    <div class="row">
    <div class="col-lg-6">
    [text* cf_firstname placeholder "First Name"]
    </div>
    <div class="col-lg-6">
    [text* cf_lastname placeholder "Last Name"]
    </div>
    <div class="col-lg-6">
    [tel* cf_phone placeholder "Phone"]
    </div>
    <div class="col-lg-6">
    [email* cf_email placeholder "Email"]
    </div>
    <div class="col-lg-12">
    [textarea* cf_text placeholder "Message"]
    </div>
    </div>
    <button class="tst-btn" type="submit" name="button">Send a message</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.
    In the tab "Page Options" > "Started", select "Started Layout": Intro template.
  4. 4.
    Click to "Edit with Elementor" button.
  5. 5.
    In Elementor builder panel drag and drop "Tastyc Theme" elements: "Services", "Contact Form" and more.
Tastyc - how create Contact Page with CF7 forms with Elementor
Saved your time and you want to thank me? You can
image-text
😊