Collect and validate phone numbers with country selection, auto-detection, dynamic placeholders, customizable styles, feedback messages, preferred country lists, programmatic control, and dropdown events.
       
⚡ Main Functions:

• Country Selection.
   Supports country dropdown with ISO 3166-1 alpha-2 country codes.  
• Dynamic Placeholders.
   Customizable placeholders, success, and error messages for better user experience.  
• Auto Country Detection.
   Auto-detection of country based on user input.  
• Input Validation.
   Validation feedback for correct and incorrect phone numbers.  
• Customization Options.
   Customizable colors for country names, dial codes, and placeholders.  

⚡ Key Features:

📱 Country List Management  
      Easy to manage preferred country list and country dropdown settings.  
⚙️ Programmatic Control  
      Actions for resetting input and setting values programmatically.  
🔔 Dropdown Events  
      Country dropdown events for detecting when it's opened or closed.  



Step-by-Step video tutorial



Documentation

We’ve created a detailed step-by-step guide for the Phone Number Input + Formatting plugin. It includes a comprehensive overview of all features, practical use cases, and answers to frequently asked questions.

       
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.

   


Our Similar Plugins

- 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)!