5 Weeks – Contact Form

To create the contact form I installed and activated the “Contact Form by WPForms” plugin. It is an easy to use drag and drop form builder which comes with 3 standard templates and the ability to add reCAPTCHA was is vitally important with protection against spam and bots.

contact1

To create the form I selected the pre-made contact us form and generated shortcode from it.

contact7.PNG

I then embedded this shortcode in my Contact Us page.

contact2

I also added reCAPTCHA into the website by following these steps as described in the plugin dashboard. I ended up getting  reCAPTCHA from this website by inserting my domain and generating the public and private keys. I then inputted these keys in to the corresponding text boxes within the plugin settings.

contact5

My from now looks like this with the reCaptcha button.

contact6

After submitting an entry the user is shown this message.

contact4

I made sure that the contact from continued the visual metaphor of my website by ensuring that the plugin utilized the CSS from my theme. This is seen within the same font and appropriate use of header tags. It is also clean and appropriate for a white on black theme.

Advertisements
5 Weeks – Contact Form

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s