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:
<!-- 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 -->
In the tab "Mail", enter this your email address.
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.
(Video instructions below):
Saved your time and you want to thank me? You can 😊