Step 1: Setting up the Contact form
- The Contact Page requires the Contact Form 7 plugin. You can install this plugin in Appearance → Install Plugins.
- Once the plugin is installed and activated, go to Contact → Add New and set up your contact form:
Enter a title and create form fields.
Example from the theme demo:
<label> Your Name (required) [
text* your-name] </label>
<label> Your Email (required)
[email* your-email] </label>
<label> Subject [text your-subject] </label>
<label> Your Message [textarea your-message] </label>
[submit "Send"]
You can find more info on how to work with Contact Form 7 in the Contact Form 7 Docs.
- Click Save and copy the shortcode that you find below the title field.
Step 2: Creating the Contact Page
- Click Pages → Add New.
- Give this page a title, eg. “Contact”.
- Look for Page Attributes on the right side and click on the Template drop-down menu. Select a template. The theme demo uses the “Page with Background Image” template. If you are using this template, you can upload a Featured Image for this page which will display as background image.
- Paste the shortcode you’ve copied in Step 1 into the Text editor along with any text you wish to display on your contact page.
- Click Publish.
- Now you can add the new page to your menu.