Contact Page

To edit Contacts Form, please do the following:

1. Go to Dashboard > Contact > Contact Forms > Edit (or Add New). Enter form name, for example "Contact Form"

2. 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>

3. The "Mail" tab in "Contact Form 7" is where you configure the email settings for your contact form. It allows you to specify the recipient, sender, subject, message body, and other email settings for notifications generated when a user submits the form.

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

1. Go to Dashboard > Pages > Contact -> Edit (or Add New).

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

3. In the tab "Page Options" > "Started" -> "Started Layout" -> select "Intro" and then select Intro template from the list.

4. Fill "Title", "Subtitle" and "Description" fields. Click to "Update" button. To edit page via Elementor, click "Edit with Elementor" button.

5. In Elementor builder panel drag and drop "Tastyc Theme" elements: "Contact Form" and more.

Tastyc - how edit Contact Page with CF7 forms with Elementor

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