Published
November 23, 2022
Updated
Need a nice way to capture International phone numbers?
Oz Hashimoto built a great cloneable solution, which a number of Webflow designers have made great use of.
I've enhanced it slightly to support a "combined" phone number field which contains both the country code prefix, and the phone number itself into a single field.
The video shows you how, and here are some resources too;
Resources
Oz Hashimoto's;
- Oz's original cloneable
- > Forum thread on the need to combine number parts
Revised project;
- Project demo, with number combining
- Project read-only link
- Codepen showing script
Other solutions
But wait! There's more.
- Tinyflow's version
- jackocnr's intl-tel-input Github repo
- Finsweet's example version, part of a redesign challenge
- REST countries API, as a data source
More resources
https://discourse.webflow.com/t/phone-input-with-country-code-select/206424/3
https://discourse.webflow.com/t/adding-country-code-in-contact-form/192776
https://discourse.webflow.com/t/ability-to-pre-populate-auto-populate-world-countries-in-a-form-list/9564