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 tutorialDocumentationWe’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 
SupportIf you still have questions or unresolved issues, you can
contact us.
Risk-free TrialThe 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)!
Built on Bubble
