skip to Main Content

Create a registration form with Caldera Forms

Contact forms provide a convenient way for your website visitors to reach you. If you’re offering products, services, or information through your site, then having a contact form is a must-have.

A relative newcomer to the forms plugin arena is Caldera Forms. Being new can have advantages. In this case, Caldera Forms has a modern visual and responsive form builder. This makes Caldera Forms an excellent fit for site owners who have come to expect drag-and-drop and mobile support.

But what happens now, if you need to start registering users? Look no further. In this article, you’ll learn how to use the Uncanny Automator Pro plugin to create a user registration form with your Caldera Forms.

Before starting

Creating a registration form requires a recipe that can add a new WordPress user. This feature is available on the Pro and Agency pricing plans.

If you need to brush up on the terminology, please read about recipes, triggers, and actions.

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 Caldera Forms > New Form.

Create a registration form with Caldrea Forms

A Create New Form pop-up displays.

2. Select the first template called Contact Form.

Caldera Form contact form template selection

3. Name the form “Caldera – Simple Registration Form”.

4. Click Create Form.

In the Layout Builder, we’ll need four fields. We’ll want two Single Line Text fields; one field is for the first name and the other is for the last name.

We’ll also need an Email Address and a Button field.

5. Keep the HTML header field.

6. Keep the next three fields: First Name, Last Name, and Email Address.

7. Delete the How can we help? row and the Comments / Questions row.

8. Change the h2 heading to “Caldera – Simple Registration Form”.

9. Remove the paragraph that’s below the header.

10. Change the Send Message button to read “Register”.

Your layout builder should look similar to this.

Caldera Forms form builder

11. Click Save Form to save your changes.

Now that you have a form, we can add it to a page using the shortcode or the Caldera Form Gutenberg block. Then, we’ll see something like this.

Simple registration form using Caldera Forms

It’s looking good! 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.

Uncanny Automator v2.1.4 add new recipe

2. Select Anonymous for the recipe type.

This needs to be anonymous because we want to create a new WordPress user. Logged-in users cannot create new users.

3. Click Confirm.

Uncanny Automator anonymous recipe type selected

Learn more about Anonymous recipes.

4. Name your recipe “Simple registration form using Caldera Forms”.

5. Select Caldera Forms for the integration.

Selecting Caldera for the Automator integration

Note: We can only have one trigger for an anonymous recipe.

6. For the trigger, select A Caldera Form is submitted.

Automator trigger for when a Caldera form is submitted

7. For the form, choose our Caldera – Simple Registration Form that we made in part 1.

Caledra form section for the Automator recipe trigger

8.Click Save.

9. Next, select New User for Actions will be run on...

New user selection action for Uncanny Automator recipe

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 Caldera Forms form. Let’s do the first name together.

10. Click on the asterisk icon (*) on the right-hand side of the First name field.

Uncanny Automator field token selector

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.

So, for the First name field for our new user, we want the First Name token from our Caldera Forms form.

11. Select Caldera – Simple Registration Form that’s highlighted in blue.

12. From the dropdown menu, click on First Name. You’ll see the first name token appear in the text field above.

Augtomator recipe: set user first name from the Caldera Form

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 the Email Address token for the Email field.

We want our usernames to be the same as the email.

13. So, for the Username field, select the Email Address token.

14. 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.

15. So, leave the Password field blank too.

16. Keep the default Subscriber selected for the Roles field.

17. Click No for the Log the new user in? field.

18. Click Do nothing for the What to do if the user already exists field.

19. Click Save.

When you’re done, your new user data form should look like this.

Caldera set user data completed

OK. We created our form, did our trigger, and we just finished defining our new user fields. Now, on to our next ingredient—the confirmation email.

20. Under the Set user data section, click on Add action next to the lightning bolt icon.

Automator add action lightning bolt icon

A set of available integrations will be displayed. We’re going to have WordPress handle this.

21. Select WordPress from the set of integrations.

WordPress integration screen capture for Automator site-to-site connections

22. In the Select an action dropdown, select Send an email.

We’ll get another form to fill-out. This time it’s an email template.

23. Keep the Send an email to at the top and the From and To fields set to their default values.

24. Add your Subject.

25. Compose your message.

For the Body, we get a text editor complete with a token selector icon to work with. That means we can pull in data from WordPress and our Caldera Forms form to compose a personalized message. In my example below, I’m grabbing tokens to personalize the first name and the username. Then, I include a reset password link courtesy of WordPress.

26. Click Save.

Using WordPress to send an automatic email in Uncanny Automator Pro

Our last step is to make our recipe Live. We’ll need to click on all three Draft toggles displayed on our recipe page.

27. Click on each toggle to make them live.

The first one is in the Anonymous trigger block at the top. The second one is for our WordPress email towards the bottom of the Actions block. Finally, the third one is for the entire recipe and it’s located in the right sidebar under the Recipe details.

A complete Automator recipe for a Caldera Forms registration form

Congratulations! You now have a user registration form that will:

  • Create a new WordPress account.
  • Send a personalized confirmation.
  • Provide a password reset link.

Summary

Here are the important things we covered:

  1. Creating a simple Caldera Forms form that takes a First Name, Last Name, and Email.
  2. Creating an anonymous recipe in Uncanny Automator that’s triggered when the Caldera Forms form is submitted.
  3. Setting up the recipe action to automatically create a new WordPress user.
  4. 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.

Next steps

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.

Back To Top