After yesterday article, today I will show how to create a register form and register workflow action using Bubble.
In this example we will expand the user default data fields with two new ones: First Name and Last Name. It is not necessary, but it’s good to have these fields, so later we can use the names in emails and in user profile to make the user experience more personal.
New data fields
On the data menu on the left side navigate to “Data types” then click on the “Create a new field”:
- First name with field type text
- Last name with field type text
Form design
The following input fields with labels we need to create:
- First Name – input text
- Last Name – input text
- Email – input email
- Password – input password
- Password confirmation – input password
Workflow / Action
So we have the user data structure and design, the last step is to make the form to work.
Purposefully I ask a password confirmation, because users tend to mistype their password. In this way we can make sure they will remember the password correctly.
As you can see on the workflow editor the two additional fields needed to add separately for the “Sign the user up” action property editor.
The last step after submission is to redirect the user back to the login page.
Leave a Reply