Creating the Contact Page

The Con­tact page is one the most impor­tant ones on your web­site. In the end, you invest time, ener­gy, and mon­ey to build a dig­i­tal rep­u­ta­tion because you want to engage with peo­ple and pro­mote your work. That’s why cre­at­ing such a page is an impor­tant task that you should con­sid­er. In this arti­cle, we walk you through the steps you need to fol­low to cre­ate a con­sis­tent Con­tact page.


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 sim­i­lar.
  • Insert the form short­code into the text edi­tor through Add Form but­ton.

This article applies to Border, Bucket, Heap, Julia, Lens, Mies, Noah, Osteria, Pile, Rosa, and Timber as they share the same underlying structure.

Updated on November 15, 2017

Was this article helpful?