Add a ready-to-use Country Dropdown with all the countries in the world to your Bubble app with just a one click.
All the countries translated to 8 languages (English, Spanish, German, French, Italian, Japanese and Arabic). Sorted from A to Z for each language automatically.
The fastest way to add a country selector in your forms
HOW TO START:
Install and simply add the input element “Country Dropdown” to your design and customize the dropdown as you want.
You can customize the dropdown as you want from the design tab.
Properties:
- Autobinding: String
- Placeholder: String - Dynamic
- Value to return: String (Country name or Country code)
- Language: String - Choose from English, Spanish, German, French, Italian, Japanese or Arabic
- Show flags: Boolean - show or hide the flag of each country in the dropdown
How to use in Actions:
You only have to read the state “value” of the Country Dropdown element
View in editor:
https://bubble.io/page?type=page&name=index&id=country-dropdown&tab=tabs-1
View a demo
https://country-dropdown.bubbleapps.io/version-test
Install it:
https://bubble.io/plugin/country-dropdown-1691383944776x308681156304568300
EXPERIENCE:
Your users can then select their country from the dropdown list.
FEATURES:
Choose from 8 languages
Sorted from A-Z for each language automatically
“Value to return” customizable (Name or Country Code)
Show/Hide flags for every country within the dropdown
Includes a list of all the countries in the world
Customizable design
Benefits:
Improve user experience
Ready to use country dropdown
Make it easy for users to select their country
Optimize your app for international users
Try our plugin today and see how it can help you improve your Bubble app!
.
Update v1.3 - Bug Fixes & Design Improvements!
Bug Fixes
Selection Display Fixed - The selected country now displays correctly in the dropdown after selection (previously it would sometimes still show the placeholder)
Design Improvements
Improved dropdown panel styling with better shadows and border radius