How to Create a To Do List in WordPress [4 Easy Steps!]

A to do list isn't just a task organizer. It helps you prioritize, delegate, save time, & boost productivity too! Here's how to make a to do list in WordPress.

Approximate read time: 6.5 minutes

Interested in task management solutions? Do you use WordPress? Ever thought about creating a WordPress project management solution? The dream of collaboration, productivity, and organization is closer than you think.

There are a lot of WordPress to do list apps, but who wants to download another app? If you are already a WordPress user, all you need to create a to do list in a solid form plugin.

WordPress themes and even plugins allow users to create a front-end checklist. But think about what an online to-do list is. It's just a pre-built form!

And since every WordPress site needs a form builder plugin, adding a WordPress checklist plugin feels redundant. Why complicate your site with another management plugin?

You know what else? More WordPress plugins usually lead to slower load times. So, it's always best to avoid installing too many of them!

With all that in mind, why not build your front-end to-do list on your WordPress site? If you work with your website daily, this could be a great way to maximize productivity.

This guide will show you how to use Formidable Forms, the best WordPress form plugin, to build and manage a WordPress frontend to-do list. As you can see, a few steps are involved, but don't worry—each step is easy as pie.

With your new WordPress frontend to-do list, you'll be more organized and productive before you know it!

Step 1: Create a to do list form in WordPress

Log in to your WordPress admin panel and create a new form. Go to Formidable → Forms, click the Add New button, and click the Create a blank form button.

A pop-up window will open, asking for a Form Name and Description. If you want, you can give it a name and description.

Step 2: Add fields to your to do form

Only a handful of fields are needed for a basic to do form. All of these are added via the Add Fields menu on the left of your screen. Soon, you'll have a fully functional interactive checklist!

Go ahead and add the following fields to your to do list form. We recommend using the field keys mentioned below, so you can quickly copy and paste the View content later.

• Text Field: This field will be your to do list items. Set the field key to to-do-name.
• Paragraph Field: Here we can add notes or instructions to our to-do list items. Use to-do-notes for the field key.
• Date Field: This will be the due date field. Set the Year Range appropriately, and use to-do-date for the field key.
• Dropdown Field 1: This will serve as the priority field. Leave the first option blank, then Normal & Urgent as the next two options. Insert to-do-priority for the field key.
  
• Dropdown Field 2: This will serve as the status field. Enter Pending as the first option and Completed as the second. Set the field key to to-do-status.
  
• User ID field: This hidden field will capture the ID of a logged-in user to see who added the task to your to-do list.

And that's it! Your WordPress frontend to do list is finished...

Almost!

Your to do list form may be finished, but neither the form or the to do list itself is visible anywhere by default. There are two more steps needed to bring your to do list into the world.

Step 3: Publish your to do list

The first thing to do is publish the to do list entry form by adding it to a page or post. That's where you'll enter new tasks.

To do that, create a new page or post and add your to do list form. The easiest way to do this is by adding it with your shortcode manually.

Step 4: Create a view to list tasks

Then you'll create a view so you can see the list on your site.

Go to the Formidable → Views page and click Add New to get started. Choose Table for the View type and choose your to do list form as the data source.

Next, select the fields you want to display in the table in the Customize View step. For this example, we'll use the Status, Item name, Due date, and Priority fields.

Check off to do items

Now, you've got a table created for you. But we're missing the option to check off a to do. So, let's add it.

You'll see a few content areas. Here's the code to add to each one. You can copy and paste:

Before content: (before the existing content)

<style type="text/css">.red_x a {color:red;} .red_x {color:green;} .green_check a {color:green;} .green_check {color:red;}
.todo_tr{border-bottom: solid 1px #E3E3E3;}</style>

Content:
Replace the first <td>[something]</td> with this:

<td>[if to-do-status equals="Pending"]<div class="red_x">You are missing options in your shortcode. A field_id is required. field_id=to-do-status value="Completed" label="✗" message="✔"]</div>[/if to-do-status]
[if to-do-status equals="Completed"]<div class="green_check">You are missing options in your shortcode. A field_id is required. field_id=to-do-status value="Pending" label="✔" message="✗"]</div>[/if to-do-status]</td>

Quick note: You need to allow front-editing of entries for the You are missing options in your shortcode. A field_id is required. shortcode to work. Only users who have the proper editing permissions will see the Update link.

With those bits of code inserted, add some tasks into the form you should see something that looks like this:

Finishing up your WordPress to do list

Now you're truly finished and ready to use your new organizational tool. Aren't you glad you skipped the checklist plugin?

Read more from the Formidable blog

• Forms vs Apps in WordPress: Where Simpler Tools Collapse
  Read More

  Gravity Forms vs Formidable Forms at Real World Scale
  Read More

  Formidable Views Just Got a Major Styling Upgrade
  Read More