MARKETPLACE
PLUGINS
PHONE NUMBER INPUT + FORMATTING
Phone Number Input + Formatting logo

Phone Number Input + Formatting

Published May 2018
   •    Updated this week

Plugin details

The Phone Number Input + Formatting plugin offers a versatile and customizable input field for phone numbers. It supports country selection with ISO 3166-1 alpha-2 country codes and allows users to format phone numbers based on selected countries. The plugin provides validation options for ensuring correct input, as well as custom placeholder text, error, and success messages, making it ideal for forms that require phone number inputs with international formatting.                                                                                        
Usage Features:

- Supports country dropdown with ISO 3166-1 alpha-2 country codes.
- Customizable placeholders, success, and error messages for better user experience.
- Auto-detection of country based on user input.
- Validation feedback for correct and incorrect phone numbers.
- Customizable colors for country names, dial codes, and placeholders.
- Easy to manage preferred country list and country dropdown settings.
- Actions for resetting input and setting values programmatically.
- Country dropdown events for detecting when it's opened or closed.

 




Feedback



Step-by-Step video tutorial



FAQ

- How can I customize the placeholder text?
You can set a custom placeholder by using the "Custom Placeholder" option or simply provide a general placeholder in the "Placeholder" field.

- How do I set a preferred list of countries for the dropdown?
You can specify preferred countries by using the ISO 3166-1 alpha-2 country codes in the "Preferred Country List" field, separated by commas.

- Is it possible to validate phone numbers automatically?
Yes, the plugin supports validation of phone numbers. You can enable success and error validation messages in the settings and customize the displayed messages.

How can I change the color of the country names and dial codes in the dropdown?
You can customize the country name color and dial code color by setting the "Country Name Color" and "Dial Code Color" fields.

- Can I reset the phone number input field?
Yes, you can use the "Reset Phone Input" action to clear the input field programmatically.

- How do I detect when the user selects a country?
The plugin provides events such as "Country Dropdown Is Opened" and "Country Dropdown Is Closed" to detect when the country dropdown is interacted with. You can also track value changes when a user selects a new country.

 





Other plugins from Zeroqode

- Repeating Group to CSV / XLSX  Plugin for Bubble
- Phone Number Input Plugin for Bubble
- Twilio - Send Text Messages Plugin for Bubble
- Twilio Masked Communications Plugin for Bubble




Support

If you still have questions or unresolved issues, you can contact us.


Risk-free Trial

The most risk-free way to try out this plugin is to subscribe to it. If you unsubscribe a few days later you will be charged on pro-rata basis, so for example if the plugin monthly price is $5 then you’d pay only 17¢ per day ($5/30 days)!

$60

One time  •  Or  $6/mo

3.7 stars   •   20 ratings
2.6K installs
This plugin does not collect or track your personal data.

Other actions

Contributor details

Zeroqode - Top Bubble Agency logo
Zeroqode - Top Bubble Agency
Joined 2016   •   820 Plugins
View contributor profile

Instructions

Drag and drop the plugin element onto your page.
Use the event "Phone Number Input Value Changed" to track when the phone number input value is updated.

The element includes a country selection dropdown. You can detect when the dropdown is opened or closed using the respective events.

Use the "Reset Phone Input" action to clear the current phone number.

Use the "Set Input Value" action to set a specific phone number.

Track user interaction with the country dropdown and phone number input changes using the provided events and actions to suit your app’s logic.

Enjoy!

Types

This plugin can be found under the following types:
Background Services   •   Element   •   Event   •   Action

Categories

This plugin can be found under the following categories:
Visual Elements   •   Input Forms   •   Technical   •   Productivity   •   Mobile   •   Internationalization   •   Small Business

Resources

Support contact
Documentation
Tutorial

Rating and reviews

Average rating (3.7)
Works fine but with problems
February 2nd, 2025
Works ok, but have some problems with styling and behaviour. Conditions work in a strange way, for example if I want to change the border to green when correctness is YES and to red when correctness is NO it will always have red color. Also if the element is used inside of the reusable element you can't reset it. I am using that in popup with user details. So when i open popup with data it will show the user's phone. But if I open empty popup after that to create a new user, it will already have a phone of previous user inserted. I tired resetting popup, group, triggering reset phone input workflow, it still does'nt work.
Hello, 👋 This is Anton from the Zeroqode Support Team. Thank you for sharing your feedback with us. We are sorry to hear about the issues you're facing with styling and the behavior of the plugin. We have attempted to reach out to you via email to assist with resolving these problems. In our email, we provided a potential solution for the issues you mentioned, such as the conditions not updating correctly and the data not resetting properly in the popup. We kindly ask you to check your inbox, as the solution might help resolve the problem. If the issue has been resolved, we would greatly appreciate it if you could update your review to reflect your experience. If you're still encountering any difficulties, please feel free to get in touch with us directly by replying to our email or reaching out via our forum at forum.zeroqode.com. We're here to help! Best Regards
February 25th, 2025
  •  
Zeroqode - Top Bubble Agency
does not work and quite ugly, sorry guys
June 12th, 2024
I'm happy I subscribed to try out before buying.
Hello, This is Anton from Zeroqode's Support Team. Thank you for taking the time to share your feedback. We sincerely apologize for the difficulties you’ve encountered with our plugin. Unfortunately, we haven't yet received any requests from you via email or our forum. Understanding your use case would allow us to assist you more effectively. We’re committed to helping you resolve any issues that you’ve faced and would appreciate more details that would assist us in better understanding what went wrong with our plugin inside your app. Please reach out to us at support@zeroqode.com with more details about the issue and any setup screenshots. We’re here to help resolve this as quickly as possible. Thank you once more. Anton
June 17th, 2024
  •  
Zeroqode - Top Bubble Agency
New bug
May 27th, 2024
Appears the plugin was broken by a Bubble update. We've been using the plugin in a popup, and it's now only displaying the flag and the input field doesn't accept numbers.
Hello, It’s Daniel, from the Zeroqode Support Team. Thank you for taking the time to share your feedback. We sincerely apologize for the difficulties you’ve encountered with our plugin. I've just tested the plugin in a popup, and it works well. It seems there might be a specific issue with your setup. Please inform us about the details of the issue you have encountered, including any relevant screenshots or steps to reproduce the problem, so we can help you resolve it. 🙏 Please share more information with us using this link: https://issues.zeroqode.com. You can also contact us via email at support@zeroqode.com or on our forum at forum.zeroqode.com. Look forward to hearing from you! Best regards, Daniel
June 3rd, 2024
  •  
Zeroqode - Top Bubble Agency
Works fine but beware of breaking changes
April 21st, 2024
The plugin works as expected, but the style randomly broke during a bubble silent upgrade (not controlled by us). It was fixed with a plugin update but it affected customers.
Hello, This is Anton from the Zeroqode Support Team. Thank you for taking the time to share your feedback. We sincerely apologize for the difficulties you’ve encountered with our plugin. We haven't received any requests from you by email or through our forum yet. Unfortunatelly, we're not completely sure which Bubble update you are referring to. We are eager to help you resolve any issues you have encountered and would appreciate any additional information that could help us understand what went wrong with our plugin in your app. Please share more information with us using this link: https://issues.zeroqode.com. You can also contact us via email at support@zeroqode.com or on our forum at forum.zeroqode.com. Thanks again. Anton
April 24th, 2024
  •  
Zeroqode - Top Bubble Agency
[FIXED] Typo in the source code since version 1.61 which added a permanent element to anyone using the plugin
September 21st, 2023
EDIT 9.21.2023: Bug was fixed in the latest version. Great plugin beside this major error that was pushed to production. I am unable to move past version 1.60. Since the version 1.61, the team pushed a glitch, which adds a text arrow at the top of the screen. It's in the source code, and cannot be removed manually, which forces me to stay on version 1.60 and below.
Hello, This is Adarina from Zeroqode's Support Team. We appreciate your update, we always try to ensure the highest quality for our products.🙏 In case you have questions regarding the plugin or suggestions on how we can enhance them, please do not hesitate to contact us at support@zeroqode.com or write on the forum. We're here to assist and ensure you have a smooth experience with our plugin. 🤗 Thanks again! Adarina
September 25th, 2023
  •  
Zeroqode - Top Bubble Agency
Bubble