Creating the Contact Page

The Con­tact page helps your website’s vis­i­tors reach you more eas­i­ly by show­cas­ing your work loca­tion, send­ing you a mes­sage and more.

Step 1 — Install WPForms Lite plugin

On the con­tact page from the demo, we’re using the WPForms Lite plu­g­in — it’s one of the best drag-and-drop form builders we’ve test­ed so far.

You can install this plu­g­in from the top ban­ner instruc­tions with the required and rec­om­mend­ed plu­g­ins, or by going into Plu­g­ins → Add New.

Step 2 — Create a Contact Form

You can cre­ate a sim­ple form by fol­low­ing the plugin’s start­ing guide.
Note that if you want to place two or three fields in a row, you need to use the “half” or “third” CSS Class, which is locat­ed in the Advanced Options sec­tion (see visu­al expla­na­tion).

Step 3 — Create a “Contact” Page

  • From your site Word­Press dash­board add a new page and name it “Con­tact” or similar.
  • Insert the form short­code into the text edi­tor through Add Form button.

Addi­tion­al Readings:

Updated on April 30, 2017

Was this article helpful?