Contact Form 2

<div class="swm-row" style="margin:0 -20px;">

<div class="swm-column swm-column2 swm-no-gap-row"><div class="swm-column-gap" style="padding:0 20px;"><span class="gyan-cf7-icon icon-right"><i class="far fa-user"></i>[text* your-name placeholder "Your Name"]</span></div></div>

<div class="swm-column swm-column2 swm-no-gap-row"><div class="swm-column-gap" style="padding:0 20px;"><span class="gyan-cf7-icon icon-right"><i class="far fa-envelope-open"></i>[email* your-email placeholder "Email ID"]</span></div></div>

</div>

<div class="swm-row" style="margin:0 -20px;">

<div class="swm-column swm-column2 swm-no-gap-row"><div class="swm-column-gap" style="padding:0 20px;"><span class="gyan-cf7-icon icon-right"><i class="fab fa-whatsapp"></i>[text your-phone placeholder "Phone No."]</span></div></div>

<div class="swm-column swm-column2 swm-no-gap-row"><div class="swm-column-gap" style="padding:0 20px;"><span class="gyan-cf7-icon icon-right"><i class="far fa-edit"></i>[text your-subject placeholder "Subject"]</span></div></div>

</div>

<div><span class="gyan-cf7-icon icon-right"><i class="far fa-comment-dots"></i>[textarea your-message placeholder "Your Message"]</span></div>[submit "Send Message"]
  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

© 2021 Softwebmedia Inc.