Adding Forms to a Site

Description Description

Getting feedback from your site visitors is as easy as inserting a form. This lesson shows how to insert a form and how to check responses using Contact Form 7.

Top ↑

Prerequisite Skills Prerequisite Skills

Top ↑

Objectives Objectives

After going through this lesson, students will be able to:

  • Insert a form into a post or page
  • Edit a form according to their specific needs
  • Read information submitted by readers who submitted information using the form

Top ↑

Assets Assets

Top ↑

Screening Questions Screening Questions

  • What are some different ways you have seen forms used? (Contact, sales, information-gathering)

Top ↑

Teacher Notes Teacher Notes

  • Forms are more versatile that many think. They can also be tedious to create.

Top ↑

Hands-on Walkthrough Hands-on Walkthrough

Today we are going to learn how to insert forms into a post on a website. Forms have many purposes. They allow people to provide you information, without you having to give out an email address. People use forms for general contact, to get information from people, and to sell products.

There are many different plugins for forms, including Contact Form 7 or Jetpack Contact Forms or Gravity Forms. Today we are going to focus on Contact Form 7.

First, we will add the pluginPlugin A plugin is a piece of software containing a group of functions that can be added to a WordPress website. They can extend functionality or add new features to your WordPress websites. WordPress plugins are written in the PHP programming language and integrate seamlessly with WordPress. These can be free in the Plugin Directory or can be cost-based plugin from a third-party. To do this, go to dashboard>plugins>add new then type in Contact Form 7. When you see the plugin, click on “install now.”

Screen Shot 2016-06-03 at 10.54.40 AM

Once that is installed, go to dashboard>contact. We have to create our form before we insert it into a post or page. When you go to dashboard>contact, you will see a form that is pre-made. You can edit this one or duplicate it to create a brand new form by selecting the option below the form title. For this lesson, we will click on “duplicate” so we leave the original template intact.

After selecting “duplicate,” change the title of that form from “Contact form 1_copy” to “Life Interests” (without the quotes).

Right now, as the code is written, your form looks like:

Screen Shot 2016-06-03 at 11.38.27 AM

Now let’s figure out what we want to do with our form. Let’s get the user’s name, their email address (and we will make that optional, rather than required), then have them choose their interests from different categories by checking boxes. We can also find out their age group

Top ↑

Exercises Exercises

Exercise name
Short description of what the exercise does and what skills or knowledge it reinforces.

  • Short point or step of the exercise
  • And another

Top ↑

Quiz Quiz

Write out the question.

  1. Option
  2. Option
  3. Option
  4. Option

Answer: 3. Correct answer

Last updated: