We have just published a new plugin
Phone Number Input with Formatting - this is an input field designed specifically for phone numbers. Users can select their country from a drop-down list and the input element would hint the right format. Plugin would also check whether the phone number format is correct and would return the result as a state. Plugin would also return the phone number in case it is correctly entered.
Just purchased and used this plugin. It’s a real time-saver, thanks! Very easy and straightforward to use, great job @levon!
I think it’s just missing the possibility to customize the font family and font color (both for the input field and the error/success messages). Any chance you add this in the near future?
Side note: it also seems that the border-radius is not taken into account (even when we specify a number greater than 0 all corners remain sharp), but this is not a big issue, we can remove the border alltogether and achieve the desired style with a group around the input.
we have just pushed an update to this plugin
Now while user is typing the number is checking for correctness, no need to click away.
Also when changing the country the number is checking again without clicking away.
Hi @levon! I’ve got a short (and hopefully simple and straightforward to implement) feature wishlist for the next release of the plugin. Please take a look below:
The ability to fetch the country’s English name, ISO code, and flag emoji from the input. Currently, one can get only the phone number itself and whether it’s valid or not. I’d originally tried using @gaurav’s Phone Number Input (bdk) instead, but that plugin has both serious CSS issues when used in popups (which yours doesn’t) and its own set of limitations (some of which I could fix manually, such as e.g. displaying emoji flags by creating a conditional for every single country value; however, I’ve already paid for the plugin and I really don’t feel like setting up 270 or so conditions would be a terribly smart use of my time). Anyway, the plugin in question doesn’t really get updated that often (e.g. the popup bug was reported back in April and it’s still there), whereas Zeroqode seems to be delightfully fast with shipping updates to its own plugins, so I’m more than happy to switch over.
Correct height resizing. When the input is at the default value (height: 25 px), it looks OK:
The moment it gets resized, it starts acting weird:
I tried circumventing the issue by keeping the input at the default value, stripping off most of its styling, and creating a disabled input styled as I liked to serve as its background. However, the country selection click area became too small and, even more problematic, the dropdown got cropped out entirely when activated. I realized the approach I took to fix the problem had been probably just a little too much hacky, so here I am writing this.
We’re trying to make a phone number input where someone can copy and paste from their phone - say iphone for example - into our website form. Right now the user can’t do that, and I’m told it has to do with the difference of how most phone contacts format phone numbers with +1 and bubble not doing that.
Hello there @shubha.bala, please can you show me the flow which you want to implement in your application, cause I need to understand the functionality, cases where you wish to use this phone number after user pasted it in your form.
Once the phone number is stored in our database, we use Zapier to send it to another service called Textline where we will send them text messages. When I send it to Zapier I already have to manipulate the data (I believe Zapier wants XXXXXXXXXX and I just truncate the field before I send it over), so I don’t think the format matters as long as I can manipulate it to be the right format when I send it to Textline.
The main issue is still just how can I use my iPhone, copy a phone number from contacts, and then paste it into the bubble web form.
Hello there @shubha.bala, you have to paste the number in simple input with text format, and it will be saved fine in database if the field will be also as text data type.
First of all thank you for plug-in it is wonderful but
On mobile phone, don’t you think that the countries selection drop down is so short and uncomfortable to select?
