Phone Number
A text input for phone number entry with a country code picker prepended to the field.
When to use
- Customer phone for delivery coordination or follow-up
- Contact number for custom-order questions
- Any required phone capture tied to a product option
General settings
| Setting | Description |
|---|---|
| Label | Field label |
| Required | Customer must enter a number before adding to cart |
| Help text | Guidance below the field |
| Placeholder | Hint text inside the number field (e.g., (555) 000-0000) |
| Default value | Pre-filled phone number (without country code) |
| Default country | You can choose which country is pre-selected when the page loads. Setting this also pre-fills the dial code prefix (e.g., selecting “United States” shows +1). Customers can change the country from a searchable dropdown. |
Storefront behavior
- Renders as a styled phone input with a flag + dial code prefix selector on the left
- The country selector contains all international dial codes with flag emoji
- Customers can search for a country by name or dial code in the selector
- The submitted value includes the dial code prefix: e.g.,
+1 555-123-4567 - The customer’s answer is recorded on the order.
Notes
- The dial code selector is always shown — it cannot be hidden.
- No phone format validation is applied (e.g., for US-specific patterns) — the field accepts any typed value after the dial code.