If you’re running a multinational business, it is extremely important and necessary to have a multi-currency store. Customers can choose their preferred currency while browsing your online store. That’s why today, I’ll show you how to add multiple currencies to your Shopify store.
By adopting multi-currency, you can reduce client confusion, reduce foreign transaction fees, and make your business an enterprise-level. So, why not?
Table of Contents
Ways to enable multiple currencies in Shopify store
There are 2 ways to add different currencies to your store:
- Using an app on the Shopify app store
- Edit code from your Shopify admin
For the first way, you can easily find an app to install in your store. However, when using the app, there will be lots of inconveniences like:
- Website’s performance
- Unable to customize as you wish
- Wasting time sending emails back and forth when contacting app provider
- And more…
Editing code might sound scary. But in fact, it’s not as hard as you think. It’s very fast and simple, like the post adding tabs to the Shopify product page I’ve shown you before. Just some actions and everything’s done!
In today’s post, we’ll go through 3 steps to add multiple currencies to your Shopify store.
Stay tuned!
Add currencies to Shopify store without apps
Step 1: Set Shopify multi-currency checkout
From your Shopify admin, click Settings > Payments.
Then, in the Shopify Payments section, click Manage.
Afterwards, in Currencies section, choose Add currency.
I chose EUR as the currency I want to view on my store, and this is the result. You can preview it by clicking View on online store button.
In my case, if I have a Belgium customer, I probably will send this URL to him. You can also send your customers the URL that opens your store in a specific currency.
Step 2: Create a currency selector
After adding currencies to your store, the next step is to create the currency selector, like the image below:
From your Shopify admin, go to Online store > Themes > Actions > Edit code.
Add currency selector code
If you’re using the Debut theme, then click header.liquid in the Sections directory. If you’re using a third-party theme that doesn’t have a header.liquid file, find theme.liquid instead.
In case you still don’t know how to deal with this step, just let us know, we’ll get back to you asap.
Put the currency selector code (which we’ll show below) at the very beginning of the header.liquid file.
Of course, don’t forget to hit Save.
Here are 3 different displays for currency selector you can choose from (I recommend you to try all of them before deciding any display, to make sure you’re happy with it).
Display 1
The following example creates a currency selector that sorts and displays the currencies by their ISO code and currency symbol:
{% form 'currency' %}
{{ form | currency_selector }}
<button type="submit">Update</button>
{% endform %}Display 2
This example also creates a currency selector that sorts and displays the currencies by their ISO code and currency symbol, but it uses JavaScript to trigger the currency change rather than a button:
{% form 'currency' %}
{{ form | currency_selector }}
{% endform %}Display 3
This is another display that contains a customized currency selector:
{% form 'currency' %}
<select name="currency">
{% for currency in shop.enabled_currencies %}
{% if currency == cart.currency %}
<option selected="true">{{currency.iso_code}} {{currency.symbol}}</option>
{% else %}
<option>{{currency.iso_code}}</option>
{% endif %}
{% endfor %}
</select>
{% endform %}We’re almost done.
Add JavaScript code
To make sure the currency change occurs when a selection is made from the dropdown, you need to add the following JavaScript code at the end of your theme.js file:
$('.shopify-currency-form select').on('change', function() {
$(this)
.parents('form')
.submit();
});
Again, make sure you click Save to your progress.
That’s it! Just simple as that.
Now, it’s time to go to your store and see the new change. This is my result:
In case you get stuck at some point, just drop us a message. Our team will get back to you right away!
This article is a part of an ebook that provides a step-to-step guide to customize your Shopify theme, feel free to grab the full free eBook: Top 12 DIY Shopify customizations to drive sales
Side note: Best Currency Converter Shopify Apps
It’s not hard to install apps on your Shopify store to expand your business. If you browse through the Shopify App store, you will find many options for a currency converter.
Here are some…
BEST Currency Converter
With BEST Currency Converter, you can use a free version with up to 5 currencies and an Elite version for $9.95/month with 160 currencies. This app also offers 3 different themes for a currency converter.
Overall, BEST has lots of good reviews, you can give it a try.
Auto Currency Switcher
Auto Currency Switcher also offers both a free plan and a paid plan for $9.95/month.
This app has a lot of great reviews as well. It can help your online store change currency automatically based on the buyer’s location. Buyers can also manually change the displayed currency into whichever preferences they have. I’m sure you will find it interesting when playing with Auto Currency Switcher’s dashboard.
I can say, go with it if you’re interested in.
Coin
You can try Coin 30 days for free and purchase the app for $4.99/month afterward. Coin uses your shoppers’ IPs to locate where they’re accessing your store from, and it instantly converts the product prices for them as well.
Your Shopify store is all set with diverse currencies!
Now you should be able to add more currencies to your Shopify store in just a few simple steps. I bet this won’t take you more than 5 minutes.
If you still need some help, just give us a word.
I hope my sharing on adding multiple currencies today will help you optimize your store better. You can also find other helpful tips to edit elements on your Shopify theme in our blog.
