Contact Page
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="row"><div class="feedback__field-wrapper col-12 col-md-6 col-lg-6" data-aos="fade"><label class="field" aria-label="Name">[text* cf_name placeholder "Name"]</label></div><div class="feedback__field-wrapper col-12 col-md-6 col-lg-6" data-aos="fade"><label class="field" aria-label="Email">[email* cf_email placeholder "Email"]</label></div><div class="feedback__field-wrapper col-12 col-lg-12" data-aos="fade"><label class="field" aria-label="Subject">[text* cf_subject placeholder "Subject"]</label></div><div class="feedback__field-wrapper col-12" data-aos="fade"><label class="field" aria-label="message">[textarea* cf_message placeholder "Message"]</label></div></div><button class="btn" type="submit" data-aos="fade">Submit</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 > Add New.
- 2.In the tab "Page Attributes" > "Template", select "Elementor Template (Default)". In the tab "Publish" click to "Publish" button.
- 3.Click to "Edit with Elementor" button.
- 4.n Elementor builder panel drag and drop "Larson Theme" elements: "Intro", "Contact Info", "Contact Form", "Map" and more.
Larson - create contact form and Contact page with Elementor & CF7
Last modified 6mo ago