Creating the Contact Us Page

Heads up! Make sure Contact Form 7 is installed first!

Please make sure you have Contact Form 7 installed and activated before creating your Contact Us page. If you haven’t already done so, you still can install this plugin before proceeding to the following steps.

Create a New Contact Form

TheĀ Contact Us pageĀ refers to the web page containing the contact form.Ā First, you will first need to create new form and then add it to a new page.

To create a new contact form, visit Contact > Add New. Give your new contact form a title and under the Form tab, place theĀ  following code from our demo:

[response]
[text* form-control-name class:form-control id:form-control-name]
[email* form-control-email class:form-control id:form-control-email]
[textarea* form-control-message class:form-control id:form-control-message]
[submit class:btn class:btn-primary class:btn-lg "Send message"]

You can also click each tab to reveal additional configuration options for your form.

When you have finished building your contact form, make sure you click theĀ SaveĀ button. After saving, the page will reload and you will be able to copy the shortcode for your form.

[contact-form-7 id="##" title="Contact form"]

Create a New Page

To create your Contact Us page, visit Pages > Add New.Ā Give your new page a title and just place the shortcode into your content. Your theme offers an option to change the look and feel of the Contact Us page. You can select theĀ Full Width TemplateĀ in theĀ Page AttributesĀ panel box.

Finally, please make sure you click the Publish button.