Creating the Contact Page

The Con­tact page helps the web­site vis­i­tors reach­ing you more eas­i­ly by check­ing your work loca­tion and more.

Step 1 — Install Contact form 7

You can sim­ply install and acti­vate Con­tact Form 7 by going into the Plu­g­ins → click on Add New page.

Step 2 — Create a contact form

  1. Cre­ate a sim­ple form by fol­low­ing the plugin’s start­ing guide.
  2. You can either fol­low the default con­tact form set­up or set it up just like on our demo by using the code below:
[text* your-name placeholder “Your Name”]
[email* your-email placeholder “Your Email”]
[text your-subject placeholder “Subject”]
[textarea your-message placeholder “Your Message”]
<p>[submit class:btn class:btn--primary “Send”]</p> 

 Step 3 — Create a Contact page

  1. Go to Word­Press Dash­board, click on Add New and name it Con­tact or some­thing similar.
  2. Go to Con­tact → Con­tact forms and copy and paste the code found next to the pre­vi­ous­ly cre­at­ed form into the editor.

Additional Readings:

Updated on June 11, 2017

Was this article helpful?