International telephone input

Community resources Show & Tell
1

I’ve created a demo of a form to get an international number using the International telephone input.
'll share the simple code and template.

https://webflow.com/website/intl-tel-input-form

4 Likes
2

Wow! This is precisely what my client wanted. Thanks!!

3

@okazu thanks for this hack.

I used it and worked perfectly. I’m using memberstack to collect users data and now I want to add country code to the phone field.
How to push country code to the phone input field which has memberstack data-ms-member attribute.

Thank you in advance.

4

hi there. but on the form submit, we receive the number only. without the country code. so practically we still don’t know how to reach the client. is there a way to see the country code as well?

5

@Robert_Harutyunyan @meetingingorkipark Did you find any solution for this issue ? Thanks in advance for your answer :wink:

6

You should have both-
The phone number is submitted in the form data as Phone-number
The international prefix is submitted as Dial code

If you’re wanting to combine them into a single string, you could do that on form submit, using script just before the submission happens.

Oz did such a great job with this, I decided to add this “full number” capability in with a tutorial so you can add it yourself.

8

not working with me
https://preview.webflow.com/preview/femto-landing-page?utm_medium=preview_link&utm_sou[…]e&preview=c66dd4e01db28b4f4eb1aca0a677de25&workflow=preview

9

Hi does anyone know how I can update the background colour and text colour of the country code dropdown?