How can we help you?

Collecting international phone numbers on Framer websites often results in broken formatting and invalid country dial codes. With the Framer International Phone Mask Premium Add-on, you can drop a native React component with flag selectors, auto GeoIP detection, and dynamic keystroke masking directly into your canvas.

Why Framer Designers Love Native Phone Masking

• No Code Required: Insert the Framer phone component directly onto your form with full visual styling controls.
• Automatic Visitor Geolocation: Pre-selects national flags and country codes automatically based on visitor IP.
• Standard E.164 Output: Formats submitted values seamlessly for CRM tools and SMS notification gateways.

Step-by-Step Setup Guide

Step 1: Paste the Component URL

In Framer, insert the component code provided in your download package into your project assets.

Step 2: Customize Styling & Preferred Countries

Adjust font families, border radius, background fills, and default preferred countries right in the Framer properties panel.

Transform your Framer forms today. Get Framer Phone Mask Addon (/year) →