Website Building » Shopify » How Do I Show Currency on Shopify?

How Do I Show Currency on Shopify?

Last updated on January 9, 2023 @ 6:16 pm

There are a few ways that you can show currency on Shopify. One way is to simply add a currency converter to your store.

This can be done by going to your Shopify admin, and then under “Online Store”, click on “Themes”. Find the “Actions” drop-down menu and click “Edit code”. In the “Layout” folder, click on “theme.liquid” to open it.

Once you have theme.liquid open, scroll down to the bottom of the file and look for the "{{ content_for_header }}" tag. Just below this tag, you will want to add the following code:

PRO TIP: If you are planning on using Shopify to sell products online, it is important to be aware of the potential risks associated with displaying currency on your website. While Shopify does offer a built-in tool for displaying currency on your site, there are a few things to keep in mind before using this feature.

First, it is important to be aware that Shopify’s currency conversion rates may not be accurate. This means that if you are selling products in multiple currencies, the prices on your site may not match the actual prices charged to customers. Additionally, Shopify’s currency conversion rates are updated regularly, so it is possible that the prices on your site could change without warning.

Second, if you are using Shopify’s built-in currency converter tool, you should be aware that it only supports a limited number of currencies. This means that if you are selling products in a currency that is not supported by Shopify, your customers will not be able to see the prices in their local currency. Finally, it is important to note that Shopify’s built-in currency converter tool is only available for use with certain payment processors. If you are using a different payment processor, you will need to find another way to display currency on your site.

<script type="text/javascript">
function showCurrency(amount, currency) {
  var converter = document.getElementById('converter');
  converter.innerHTML = amount + ' ' + currency;
}
</script>

<div id="converter"></div>

<script type="text/javascript">
CurrencyLayer('live', {
  currencies: ['USD', 'GBP', 'EUR'],
  defaultCurrency: 'USD',
  onChange: function(result) {
    showCurrency(result.amount, result.currency);
  }
});
</script>

What this does is adds a currency converter to your store that will show the prices in USD, GBP, and EUR. You can also change the default currency that is shown by changing the "defaultCurrency" parameter in the code. If you want to show more or less than three currencies, simply add or remove them from the "currencies" array.

Kathy McFarland

Kathy McFarland

Devops woman in trade, tech explorer and problem navigator.