Tips to Optimsie Your Site

How To Add Multiple Currencies in Shopify Store Without App

By Hannah on June 9, 2020 0 Comments

If you’re running a multinational business, the use of multiple currencies is extremely important and necessary. Customers can choose their preferred currency while browsing your store. That’s why today I’ll show you how to add multiple currencies in Shopify store.

By adopting multi-currency, you can reduce client confusion, reduce foreign transaction fees, and look like an enterprise-level business. So, why not?

There are 2 ways to add multiple currencies to your store:

For the first way, you can easily find an app to install to your store. But 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 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 multiple currencies to Shopify store

Step 1: Enable your store to sell in multi-currency

From your Shopify admin, click Settings > Payments.

In the Shopify Payments section, click Manage.

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.

You can also send your customers this URL that opens your store in a specific currency. In my case, if I have a Belgium customer, probably I will send this URL to him!

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.

If you’re using 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).

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 %}

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 %}

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.

Step 3: 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:

If you get stuck at some point, just drop us a message. Our team will get back to you right away!

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 Shopify App store, you will find many options for 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 currency converter.

Overall, BEST has lots of good reviews, you can give it a try.

Auto Currency Switcher

Auto Currency Switcher also offers a free plan and a paid one for $9.95/month.

This app has great reviews as well. It can change prices automatically based on location but also gives users the option to manually change prices to 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 $4.99/month afterwards. 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.

You’re all set!

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. Dig more in our blog to find out more helpful tips with your Shopify store.

Leave a comment

Your email address will not be published. Required fields are marked *

Hello, let’s get in touch!

Leave your contact info below
and one of our consultants will be in touch with you shortly.

Holler Box