Contact Page

We use the Contact Form 7 plugin

1. Create a Contact Form

Use this plugin to make the contact form on the contact page. Navigate to Contact - Contact Forms, there is a form named Contact Form 1, if you want to create a new form, click on the Add New button.

Click on the form title to edit the form, copy this code, and paste it into the Form box:

  1. Contact form Code for demo WPBakery

<p><span class="fa fa-user"></span> [text* your-name placeholder "Name"] </p>
 
<p><span class="fa fa-envelope"></span>[email* your-email placeholder "Email"] </p>
 
<p><span class="fa fa-pencil"></span>[textarea your-message placeholder "Message"] </p>
 
<p style="text-align:right;"></span>[submit "Send"]</p>// Some code

  1. Contact form Code for demo Elementor

<div class="form-horizontal row">
    <div class="col-12">[text* text-59 placeholder "Name*"]</div>
    <div class="col-12">[email* email-191 placeholder "Email*"]</div>
    <div class="col-12">[text* text-590 placeholder "Subject"]</div>
    <div class="col-12">[textarea textarea-838 placeholder "Message*"]</div>
    <div class="col-12">[submit "Submit question"]</div>
</div>

2. Create a Contact Page

  1. Contact page for demo WPBakery

  1. Contact page for demo Elementor

Last updated

Was this helpful?