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-PM1

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.