1. Enable ID Attributes
Before using the plugin, go to:
Settings → General → Expose the option to add an ID attribute to HTML elements
and make sure it is enabled.

2. Prepare Your Input Element

Drag a standard Input element onto the page

In the property editor, assign it a unique ID attribute (e.g., phoneInput)

3. Add the Plugin Element

From the Elements panel, add Amazing Phone Number Input to the same page

Set the plugin element’s properties:

HTML ID → the ID of your input


4. Run the Plugin

When the page loads, the plugin will automatically:

Replace the native input with a professional phone number component

Display a country dropdown with flags & dial codes

Format and validate the input as the user types

5. Retrieve Phone Number Values

You can access:

- Country code
- Formatted number
- Is valid
- Selected country
- Country name (English)
- Country calling code
- Detected country
- Raw value
- National value
- Formatted value
- E.164 value
- International value
- Phone type
- Is possible?
- Has error
- Error message

directly from the plugin’s exposed states.

6. Use in Workflows

- The validated, formatted number can be used in:
- Sign-up workflows
- SMS verification APIs
- Payment or checkout flows
- CRM or database records