Contact Page
To create Contacts Form, please do the following:
Go to Dashboard > Contact > Contact Forms > Add New.
Enter form name, for example "Contact Form"
In the tab "Form" you can use default form layout or enter this code lines:
<div class="row"> <div class="col col-d-6 col-t-6 col-m-12"> <div class="group-val"> [text* your-name placeholder "Full Name"] </div> </div> <div class="col col-d-6 col-t-6 col-m-12"> <div class="group-val"> [email* your-email placeholder "Email Address"] </div> </div> <div class="col col-d-12 col-t-12 col-m-12"> <div class="group-val"> [textarea* your-message placeholder "Your Message"] </div> </div> </div> <div class="align-left"> <button type="submit" class="button"><span class="text">Send Message</span><span class="arrow"></span></button> </div>In the tab "Mail", enter this your email address.
Save Changes.
To insert Contact form to page, please do the following:
Go to Dashboard > Pages > Contact. Click to "Edit with Elementor" button.
In Elementor widget "Contact Form" in Form field, select your created CF7 form.
Last updated
Was this helpful?