Edit the registration form

Adding, removing, and editing registration form fields

Andreas Grosen avatar
Written by Andreas Grosen
Updated over a week ago

The registration form comes by default with three fields: name, email, and a terms and conditions checkbox. You can edit these fields and add more using the frontend editor.

Add and remove form fields

You can add and remove fields based on what data you want to collect. The only field you cannot delete is the email field, as it is the required unique identifier. Read more here.

When adding a new field, first choose a field type and give it a name. Find a list of all form field types here.

After saving, you can move the field around and edit it.

Edit form fields

To edit a form field, either click the pencil icon next to the field or click on the field name from the frontend editor.

This will open an overlay with all the field's details, where you can access all of the field settings.

Form fields settings

Name

What you write here will appear as the field's label when the player sees the registration form and will also be the column header when you later export the data.

Placeholder

You can add a placeholder as a suggestion to help players know what to enter in the field.

Value/Default

You can pre-fill the field with a default value (often used if you the field's value is being sent via the URL).

Validation message

This shows if players leave a field blank or fill it out incorrectly. For example, if you are requiring a valid phone number, your validation message can say what format the number should be.

Column layout

The default column layout is 1 column, meaning the field fills the entire width of the registration form. You can change this to 2 columns, so the field only fills half the column.

Placing two 2-column fields next to each other will position them side-by-side on desktop. Note: on mobile, the fields will always be 1-column

Custom class

This allows you to define a custom class for the field, which you can then target for formatting using CSS

Read only

If you have a default value for a form field that the player is not allowed to change (but should be able to see), you can mark the field as read only.

If you mark a field as read only, you can also give the player the ability to enter information if there is no pre-filled value.

Hide if autofilled

This hides any field that already contains a value (value/default field) but shows it if the field is empty.

Activate information icon

This adds an icon that gives players more information. This could be an explanation of what information to fill in or why you’re asking for the information.

Disable cookie on this field

Instead of disabling cookies on the entire registration form, you can disable them on specific form fields. This prevents the field from remembering information about a player.

Replacement tag

This tag takes the value entered into the field so that it can be inserted on another game flow page. This could be to personalize a message or confirm the information.

You can also use this tag to pre-fill the value into other registration form fields in the same game flow.

Extended validation

This allows you to set requirements for the data, such as a minimum number of characters or a valid email address.

Visibility Condition

Use visibility condition to show or hide a specific field to players.

Devices

If you want to hide a form field on certain devices, you can un-check the box next to the device here. For example if you want to ask players what brand of phone they are using, you could hide the field on desktop.

Did this answer your question?