Chapter 4. Custom user attributes
You can add custom user attributes to the registration page with a custom theme.
4.1. Registration page
Use this procedure to enter custom attributes in the registration page.
Procedure
-
Copy the template
themes/base/login/register.ftl
to the login type of your custom theme. Open the copy in an editor.
For example, to add a mobile number to the registration page, add the following snippet to the form:
<div class="form-group"> <div class="${properties.kcLabelWrapperClass!}"> <label for="user.attributes.mobile" class="${properties.kcLabelClass!}">Mobile number</label> </div> <div class="${properties.kcInputWrapperClass!}"> <input type="text" class="${properties.kcInputClass!}" id="user.attributes.mobile" name="user.attributes.mobile" value="${(register.formData['user.attributes.mobile']!'')}"/> </div> </div>
-
Ensure the name of the input html element starts with
user.attributes
. In the example above, the attribute will be stored by Red Hat build of Keycloak with the namemobile
. - To see the changes, make sure your realm is using your custom theme for the login theme and open the registration page.
4.2. Additional resources
- See Themes for how to create a custom theme.