Apart from your homepage, the contact form is the most essential piece of your website. How else can people reach out to you after landing on your site?
When it comes to less is more, Contact Form 7 takes the cake. CF7 is a minimalist form builder and it’s free. With its phenomenal number of downloads (5+ million), it is the most popular contact form plugin.
In this article, you’ll learn how to use the Uncanny Automator Pro plugin to create a user registration form with Contact Form 7.
Creating a registration form requires a recipe that can add a new WordPress user. This feature is available on the Pro, Business, and Unlimited pricing plans.
There are two parts to the process. The first part is to build our form so we can gather the registration input. The second is to make our recipe (triggers and actions) that will register the user in WordPress.
Build the form
1. From your /wp-admin/ dashboard, navigate to Contact > Add New.
2. On the Add New Contact Form page, name the form “CF7 – Simple Registration Form”.
3. In the Form editor tab, replace the default Your Name field with two fields: a First Name field and a Last Name field.
4. Keep the Your Email field.
5. Delete the Subject and the Your Message fields.
6. Change the submit button to “Register”.
Your form should look similar to this.
7. Click Save to save your changes.
Now that you have a form, we can add it to a page using the shortcode. Then, we’ll see something like this.
Nice work! We’re ready to move on to the second part.
Create the recipe
1. From your wp-admin dashboard, navigate to Uncanny Automator > Add New.
2. Select Everyone for the recipe type.
This needs to be a recipe for everyone because we want to create a new WordPress user. Logged-in users cannot create new users.
3. Click Confirm.
Learn more about Recipes for Everyone.
4. Name your recipe “Simple registration form using CF7”.
5. Select Contact Form 7 for the integration.
Note: We can only have one trigger for a recipe for everyone.
6. For the trigger, select A form is submitted.
7. For the form, choose our CF7 – Simple Registration Form that we made in part 1.
8. Click Save. Remember to create a page to add the shortcode of your Contact Form 7 form.
9. Next, click on Add action next to the lightning bolt icon.
A set of available integrations will be displayed. We’re going to have WordPress handle this.
10. Select WordPress from the set of integrations.
11. In the dropdown, select Send an email.
We’ll get another form to fill-out. This time it’s an email template.
12. Keep the From and From name at the top. For the To field, we want to select the user email token; to do that, click on the asterisk icon (*) on the right-hand side of the To field.
This is the token selector. Tokens act like handles to the data in the form. Tokens will get filled-in later with actual values when the form is submitted. Next, click on Common and select User email.
You will notice a popup informing us that we need to select a new or existing user from which the data will come. Click on Set user data.
13. Next, select New User.
You should now see a form displaying the standard WordPress user account fields: first name, last name, email, username, display name, password, and roles.
For the first four fields, we want to grab the data from our CF7 form. Let’s do the first name together.
14. Click on the asterisk icon (*) on the right-hand side of the First name field.
The First name field for our new user, we want the First Name token from our CF7 form.
15. Select CF7 – Simple Registration Form that’s highlighted in blue.
16. From the dropdown menu, click on First Name. You’ll see the first name token appear in the text field above.
Follow the same steps for the Last name and Email fields except you’ll want to select the corresponding token for each. For example, choose the Last Name token for the Last name field and Your Email token for the Email field.
For a username, we can use the email address provided in the form.
17. For the Username field, select Your Email token.
18. Leave the Display name blank.
For the password, we want the user to reset it before logging in for the first time. We’ll get to that in a bit.
19. Leave the Password field blank too.
20. Keep the default Subscriber selected for the Role field.
21. Click No for the Log the new user in? field.
22. Click Do nothing for the What to do if the user already exists field.
23. Click Save.
When you’re done, your new user data form should look like this.
24. Under the user data section, click on email address.
25. Select the User email token again for the To field.
26. Add your Subject.
27. Compose your message.
For the Body section, the text editor can include a customized message, along with tokens from coming from the triggers of WordPress Core and Contact Forms 7.
Tokens can be inserted from dropdown choices from the asterisk icon (*) on the right side. In this recipe, the tokens are categorized into Common fields from WordPress Core, and those specific to Contact Form 7.
28. Click Save.
Our last step is to make our recipe Live.
29. Click on the Draft toggle to make the recipe Live; it’s located in the right sidebar under the Recipe details.
Congratulations! You now have a user registration form that will:
- Create a new WordPress account.
- Send a personalized confirmation.
- Provide a password reset link.
Here are the important things we covered:
- Creating a simple CF7 form that takes a First Name, Last Name, and Email.
- Creating a recipe for everyone in Uncanny Automator that’s triggered when the CF7 form is submitted.
- Setting up the recipe action to automatically create a new WordPress user.
- Crafting a custom email autoresponder that sends the account details to the new user.
This is just a simple yet powerful demonstration of how Uncanny Automator can supercharge your contact form. Check out our in-depth blog post on creating registration forms with free form plugins to learn more.
Once the basic user registration form is in place, you can add additional actions to the recipe and even add extra fields to the form to capture additional details for the user. Using the Set user meta WordPress action, you can add form data directly to the user’s WordPress profile.