Contact Form 1

Sample Code

<div class="gyan-cf7-icon icon-right"><i class="far fa-user"></i>[text* your-name placeholder "Your Name"]</div>

<div class="gyan-cf7-icon icon-right"><i class="far fa-envelope-open"></i>[email* your-email placeholder "Your Email"]</div>

<div class="gyan-cf7-icon icon-right"><i class="far fa-edit"></i>[text your-question placeholder "Your Question"]</div>

<div>[submit "SUBMIT NOW"]</div>

1. Go to Dashboard > Contact > Add New.
2. Enter Form Title.
3. Copy above sample code and paste it in Form editor box.
4. Click on Save Button.

   

5. Go to Edit page/post and click on "Edit with Elementor" button.
   

   

6. Drag-and-Drop Contact Form 7 Styler element.
7. Select contact form and then click on Update button.
   

   

Final Result