You can use contact form shortcode as shown on demo site. First you have to install “Contact Form 7” Plugin and you can download it here. Then install the plugin. From your admin sidebar, open Plugins > Add New > Upload. Then upload and install the plugin. Once you installed, activate it and it will be ready to use.

Once you installed Contact Form7. You will find new tab on the left side name “Contact”. Open Contact > Add New

Screen Shot 2557-03-13 at 3.45.05 PM

Now you will see new contact form page. Enter name and find Form box. On the right side select field you want to use in your contact form. You can select from text, email, date  etc.  You will get new contact field info box.

Screen Shot 2557-03-13 at 3.46.01 PM

Screen Shot 2557-03-13 at 3.48.30 PM

From example screenshot. I have to copy [email email-863] and add the code to left side form in order to display email field in my contact form.

Screen Shot 2557-03-13 at 3.49.38 PM

Then copy [email-863] to the Message Body form to display email information in the email when it’s sent.

Screen Shot 2557-03-13 at 3.51.00 PM

Once you finnish adding all contact form fields. Click Save button and copy contact form shortcode under its name and paste to any pages or posts to display the contact form you created.