MARKETPLACE
PLUGINS
PHONE NUMBER INPUT
Phone Number Input logo

Phone Number Input

Published June 2026
   •    Updated August 2026

Plugin details

A complete international phone number input with country flag dropdown and real-time validation.
Supports 200+ countries with dial codes. Blocks letters and special characters automatically. Shows inline error message for invalid
numbers.

Exposes full international number, national number, country dial code and validation state as Bubble states.

$4

Per month

stars   •   0 ratings
0 installs  
This plugin does not collect or track your personal data.

Platform

Web

Contributor details

MB logo
MB
Joined 2026   •   23 Plugins
View contributor profile

Instructions

1. Drag Phone Input element onto your page 2. Customize fields:

  • placeholder         → input placeholder text
  • preferred_countries → comma separated country codes shown at top e.g. in,us,gb
  • initial_country     → auto (detects) or country code e.g. in
  • font_size           → text size in px (default 15)
  • height              → input height in px (default 44)
  • border_color        → default border color (hex)
  • border_width        → border thickness in px (default 2)
  • focus_color         → focused border color (hex)
  • border_radius       → corner roundness in px (default 8)
  • show_error_message  → yes / no
  • error_message       → custom error text

3. Read values via Element states:
  • full_number     → +919876543210 (recommended for DB)
  • national_number → 9876543210
  • country_code    → +91
  • is_valid        → yes / no

Demo editor link: https://bubble.io/page?id=mbbuilds5&test_plugin=1781503095096x352106626625568800_current&tab=Design&name=phone_number_input&type=page&elements=bTGhH

Types

This plugin can be found under the following types:

Categories

This plugin can be found under the following categories:

Resources

Support contact
Tutorial

Rating and reviews

No reviews yet

This plugin has not received any reviews.
Bubble