Realtime Currency
A currency converter that automatically detects the user's location and converts a base amount to their local currency in real-time. It uses IP geolocation and live exchange rates
Make it with Workshop
Build your own component with AI
About
This component a part of the 400+ components, layouts, templates, UI Kits and code overrides from SegmentUI PRO. Click here to see the full library
Instructions
Copy and paste the component into your project file
Customize the appearance and behavior using the property controls:
Base amount: The amount you want to convert (e.g., 100)
Base currency: Enter the three-letter currency code (like USD, EUR, GBP) that represents your primary currency. For example, if your prices are in US dollars, use "USD". This is the currency that will be converted to the visitor's local currency.
Display format: Choose how the currency appears ($ 100, 100 $, or 100 USD)
Font and color settings for visual customization
Enable debug mode to see conversion details
For testing different locations, use a VPN to change your location and see how the currency automatically updates based on the new location. The debug mode will show you which country is detected and the conversion details.
How It Works
The component can be customized using these properties:
Amount: The base amount to convert
Base Currency: The starting currency (e.g., USD)
Display Type: Choose between prefix ($ 100), suffix (100 $), or code format (100 USD)
Debug Mode: Toggle to show conversion details
Font: Customize the text appearance
Color: Set the text color
Support
For any queries and help setting up the component, contact hello@segmentui.com
