Monto Multi-Currency

How to integrate multi-currency with Webflow

Webflow Ecommerce operates as a single-currency platform. International e-commerce requires third-party integrations to display prices in multiple currencies and process payments across different regions.

Use third-party apps for quick implementation without custom development. Connect payment providers through Webflow's Ecommerce settings for multi-currency payment processing. Build with APIs when you need custom currency detection, real-time conversion with specific rate providers, or integration with existing systems.

Use multi-currency apps

Third-party apps convert prices automatically without custom development. Monto Multi-Currency converts shop prices into customers' home currencies using real-time exchange rates. The service supports 170+ currencies and integrates through embed codes added to your Webflow site.

Create a Monto account, connect your Webflow site, and embed the conversion script. The app detects visitor location and displays prices in their local currency automatically. Prices must follow the format [Currency Symbol] [Amount] [Currency Code] with the currency code being mandatory. Use comma separators or no separators for thousands; space or period separators will not work with Monto.

This integration handles:

• Automatic location detection that converts prices based on visitor IP address
• Real-time exchange rates that sync with current market rates
• Price rounding options for clean display formatting
• CMS integration by wrapping prices in span tags with custom attributes

Connect payment providers

Webflow supports direct connections to payment providers that handle multi-currency processing. Both Stripe and PayPal connect through Webflow's Ecommerce settings without custom code.

The Stripe integration processes transactions in 135+ currencies. Customers pay in their local currency with support for Apple Pay and Google Pay. PayPal provides multi-currency capabilities across 119 countries and can run alongside Stripe.

Configure payment providers through Webflow's Ecommerce settings. Connect your Stripe or PayPal account using the provided authentication flow. Both services can operate simultaneously on the same store.

Payment providers handle multi-currency transactions at checkout but don't convert displayed prices. Customers see your default currency throughout the site until checkout. Combine payment providers with display conversion tools like Monto for complete multi-currency experiences.

Build with Webflow and payment APIs

API integrations enable custom currency detection, conversion logic, and checkout flows. This approach requires development work but supports features not available through standard integrations.

Webflow's REST API manages product data and pricing structures. Combine this with payment provider APIs for complete multi-currency implementations. Webflow webhooks trigger events like ecomm_new_order for payment processing coordination.

API approaches work best when you need integration with existing systems, custom currency selection interfaces, or real-time conversion with preferred rate providers.

Process payments with Stripe API

Stripe's Payment Intents API supports programmatic multi-currency processing. Create payment intents with specific currency parameters using POST /v1/payment_intents with the currency field set to any ISO 4217 code.

Generate real-time foreign exchange quotes using POST /v1/fx_quotes before processing payments. Retrieve quote details with GET /v1/fx_quotes/{id} to show customers exact conversion rates. The FX Quotes API is currently in public preview.

Implement webhook handlers to process payment confirmations. Handle payment_intent.succeeded events to update order status in your system.

Currency conversion workflow:

1. Fetch real-time rates using FX quotes API
2. Display converted prices to customers
3. Create payment intent with selected currency
4. Process payment through Stripe
5. Handle webhook confirmation
6. Update order status in Webflow

Note that Stripe doesn't automatically detect customer currency. Implement custom logic using IP geolocation, browser locale, or manual selection.

Manage orders with Webflow API

Webflow's e-commerce endpoints manage product and order data. Retrieve current product listings with pricing information through the Products endpoints. Access collection items for CMS-managed pricing content using GET /sites/{site_id}/collections/{collection_id}/items.

All API requests require Bearer token authentication. Use API v2 endpoints for all new integrations.

Convert currencies with third-party APIs

External currency conversion APIs provide real-time exchange rates. Services like Currencycloud offer enterprise-grade conversion with GET /v2/rates/find returning current rates for multiple currency pairs.

Simpler implementations can use ExchangeRate-API with GET /v6/latest/{currency} for basic rate lookups. Retrieve specific pairs with GET /v6/pair/{from}/{to} for targeted conversions.

Cache rate responses to respect API limits and reduce latency. Most rate providers update hourly, making frequent requests unnecessary. Store rates in your database or use CDN caching for better performance.

What you can build

Integrating multi-currency tools with Webflow enables international e-commerce implementations with localized pricing and payment processing.

• Global e-commerce stores: Display prices in customers' local currencies automatically while processing payments through Stripe or PayPal in 200+ currencies with transparent exchange rates at checkout
• SaaS pricing pages: Create subscription landing pages with currency selectors showing monthly and annual pricing in USD, EUR, GBP, and other major currencies while connecting to payment APIs for international billing
• Travel and booking sites: Display hotel rates, tour prices, and activity costs in visitor currencies using geolocation detection with real-time conversion based on current exchange rates and booking confirmation in the customer's preferred currency