In This Article
- Overview of Shopify's native currency selector
- Setting up the native currency selector
- Custom theme currency converter (Turbo 6.0.2 and Flex 2.0.2)
- Theme currency converter (ARCHIVED)
Overview of Shopify's native currency selector
Our themes are being updated to support Shopify's built-in currency selector functionality. Shopify's currency selector is only available for stores using Shopify Payments. See Can I use Shopify Payments? for a list of supported countries.
Support for Shopify Payments Multi-currency
The currency selector will change the price displayed to customers based on their selection and includes support for native multi-currencies. You can configure native multi-currencies to allow customers to checkout in their selected currency.
The currency selector does not support the ability to automatically detect a customer's location and change the currency based on that - this would require the use of a third-party application.
Support for Shopify's native currency selector has been added in the following theme versions:
- Turbo 6.0.2
- Flex 2.0.2
- Parallax 3.7.3
- Retina 4.7.1
- Responsive 7.2.1
- Mobilia 6.2.1
- Artisan 1.3.1
What theme version am I using?
Setting up the currency selector
Once you're on a compatible theme version, you'll need to set up Shopify Payments (if you haven't already) and add currencies.
Step 1: From your Shopify admin, head into Settings > Payment providers.
Step 2: If you haven't already, you'll need to Activate Shopify Payments.
Step 4: Once Shopify Payments is activated, click the Manage link:
Step 5: Scroll down to the Currencies section and click the Add currency button. Here, you can select currencies from the list. If you change your mind and would like to remove a currency, simply click the currency from your 'Enabled currencies' list, and a remove link will appear:
Step 6: Once you've added your currencies, you'll want to enable the currency selector in your theme so your customers can choose their preferred currency. You can enable it in both the Header and Footer.
Step 7: From the Shopify admin, head into Online Store > Themes > Customize.
To add the currency selector in the header, under Sections > Header > Currency Selector, enable the 'Show currency selector' setting:
To add the currency selector in the footer, under Sections > Footer > Currency Selector, enable the 'Show currency selector' setting:
Step 8: Under Theme Settings > Currency, you'll find the Format setting. Here, you can choose to format the price with the currency, ex: $10.00 USD or without currency, ex: $10.00.
Desktop layout
On desktop, depending on your theme, the currency converter will display in the main Header area or Top Bar.
Mobile layout
On mobile, the currency converter will display within the main menu (accessible by clicking the hamburger menu) at the bottom of your menu links.
Custom theme currency converter
In addition to Shopify's native currency selector, Turbo 6.0.2 and Flex 2.0.2 also has a built-in custom theme currency converter which gives customers an idea of how much it'll cost them in their currency.
So, if you're on a newer version of Turbo or Flex but cannot use Shopify Payments to enable the native currency selector, no sweat! There's a built-in option for you.
It's important to note that orders will be processed in store currency.
If you previously had Shopify's native currency selector enabled, turning on the custom theme currency selector will replace it.
To enable the custom currency converter:
Step 1: Go into Customize > Theme settings > Currency > Enable custom theme currency converter.
Step 2: To add it to the Header (Top bar), under Sections > Header > Currency selector, enable the Show currency selector setting:
Step 3: To add it to the Footer, under Sections > Footer > Currency selector, enable the Show currency selector setting:
Theme currency converter
This applies to theme versions that do not have support for Shopify's native currency selector:
- Turbo (versions before 6.0.2)
- Flex (versions before 2.0.2)
- Parallax (versions before 3.7.3)
- Retina (versions before 4.7.1)
- Mobilia (versions before 6.2.1)
- Responsive (versions before 7.2.1)
- Artisan (versions before 1.3.1)
The currency converter will change the price displayed to customers based on their selection and is designed to give your customers an idea of how much it'll cost them in their currency.
There are a few important things to note:
- Once the checkout process begins, orders will still be processed in your store's currency.
- You cannot process orders in more than one currency in a single store.
- The currency converter does not support the ability to automatically detect a user's location and change the currency based on that - this would require the use of a third-party application
- Rates used by Shopify are refreshed twice a day and pulled from http://www.xe.com
- You can find a list of all of the currencies that are supported here
Currency converter settings
The currency converter can be enabled by going into Customize > Theme Settings > Currency. Here, you can check off the 'Enable currency converter' setting:
Within the currency theme settings, you can choose to format the price with the currency, ex: $10.00 USD or without currency, ex: $10.00. You can add 'Supported currencies' by listing the currencies you'd like to have display in the currency converter, and list your default currency.