Challenge 1

Contact Us Page using WPForms

An example of a Contact Us page: https://www.nrgpark.com/contact-us/

Challenge: A company has hired you to create a page on their website where people can fill out a form and submit details to the company email address, which will be your personal or school email address. Create the contact form using WPForms and use your email as the company email to ensure that it works.

Steps and tips:

  1. After the WPForms plugin is activated, refresh your screen and click on WPForms on the left-hand menu.
  2. Click ‘Add New”. Name your form. On the left menu of the page, you should be at ‘Setup’. It should be highlighted in orange.
  3. Click on Blank Form à Create Blank Form. Drag and drop the fields you would like to add to your form. Notice on the left hand menu, you are at ‘Fields’.
  4. Click on ‘Settings’ on the left menu and chose ‘Notifications’. Under ‘Send to Email Address’ and remove the {admin_email} placeholder and add your email address here. You can edit the other settings like the subject line of the incoming email to the company and what the from name and email address will show in the email.
  5. Click ‘Save’ when finished. Next to Save, click ‘Embed’, and then ‘Create New Page. Give the page a name and click Lets Go. Click on ‘Publish’. When its Published, you will see the address. Click ‘View Page’.
  6. You can go back to the WPForms plugin to edit the form by clicking WPForms on the left hand menu of the WordPress Dashboard.
  7.  To go back to the website editor to change the appearance of the website, hover over ‘Appearance’ in the left-hand menu and choose ‘Editor’.