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:<!-- contact form --><div class="art-contact-form"><!-- form field --><div class="art-form-field"><!-- name input -->[text* your-name class:art-input placeholder "Name"]<!-- label --><label><i class="fas fa-user"></i></label></div><!-- form field end --><!-- form field --><div class="art-form-field"><!-- email input -->[email* your-email class:art-input placeholder "Email"]<!-- label --><label><i class="fas fa-at"></i></label></div><!-- form field end --><!-- form field --><div class="art-form-field"><!-- message textarea -->[textarea* your-message class:art-input placeholder "Message"]<!-- label --><label><i class="far fa-envelope"></i></label></div><!-- form field end --><!-- button --><div class="art-submit-frame"><button class="art-btn art-btn-md art-submit" type="submit"><span>Send message</span></button></div></div><!-- contact form end -->
- 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 > Contact. Click to "Edit with Elementor" button.
- 2.In Elementor widget "Contact Form" in Form field, select your created CF7 form.
(Video instructions below):
Arter - how to create contact form in CF7 and edit Contact Page
Last modified 6mo ago