Edit a Phone Input Element

Prev Next

You can personalize the phone input element on the template in different ways.

First, you can customize the input based on user interaction. For example, you can set a different background color for the input in the default, filled, and error cases.

You can change the placeholder and label text in the Settings menu and decide whether this input is mandatory for the end users to submit the form.

If you want to limit the number of digits users can enter in the input, you can enable the “Validate Based on Placeholder” toggle. This toggle enables you to validate phone number inputs based on the placeholder format for the selected Country Code.

When you enable the “Show Country Code Based On User's Location” toggle, the country code on the phone number input is adjusted based on the user’s location, and users will not need to change the country code manually. If you do not want to enable this feature, you need to select a default country code to be shown in the phone number input.

Please keep in mind that you can add only one phone number input to the template.