How to setup Currency Conversion

Using Currency Conversion in Broadcast with Shopify Payments

With Shopify Payments you can display multiple currencies for your store. Broadcast allows you to turn on the feature in the footer settings:

 When activated, your customers can easily change currencies using the pop-up menu in the footer. The menu is easily found on both desktop and footer menus:

Note: Shopify has recommend to theme developers to place both the language and currency options in the footer to keep consistent for all Shopify stores. This allows themes to look clean without cluttering the header and helps customers know to always use the footer for these controls. 

Example of product price with Euro currency selected:

Key steps in setting up multiple currencies:

1. Ensure in the Theme Editor -> Footer, that this setting is checked:

(if you don't have this setting in the Footer section settings, you will need to update your theme for this functionality). 

2. Next, click on the "payment settings" link in the section settings to take you to your shop's payment settings. Alternatively, you can get there using the Settings option in the Shopify Admin:

Under Shopify Payments, choose the manage link:

Here, you'll be able to add and manage different currencies:

Broadcast will read your currencies from these settings. The footer menu will provide a currency option for each of the added currencies from your Shopify Payments settings. 


Legacy decommissioned currency converter - Older themes only

Older versions of Broadcast have a different proprietary currency convertor. The following notes are for those older versions of Broadcast. We recommend moving forward to use Shopify's version as it is deeply integrated through the theme and checkout. 

Notes for older themes only (newer versions of Broadcast do not need these steps):

This feature was added in v1.1. 

Here are a few tips on how to setup and use the currency converter. 

Theme Settings

In the Theme Editor (Customize theme), you'll find the settings under the Theme settings tab:

Enable currency conversion:

Use that checkbox to activate or deactivate the currency converter.

Format:

Allows you to show currency code next to the price for countries that share the dollar symbol ($). For example USD and AUD share the same symbol. You can force to hide or show AUD after the price.

Example with currency USD -> AUD:

Countries that use other symbols like EUR, GBP, JPY, INR will always show their symbol. This setting only affects countries using the dollar symbol. 

Example without currency for USD -> AUD:

Supported currencies:

Add the currency codes that you wish to display in your currency drop-down menu:

Default Currency:

Configure your default currency which will appear in the navigation:


Store Currency Format

In order to use the currency converter, your store's currency format may need to be modified with span money tags:

To update your store's currency format, use the main Settings option in your Shopify Admin:

Choose General:

Scroll down to Store currency. Click on Change formatting to expand:

Here is where you'll need to add the span tags:

Shopify has an article to help you with this:

https://help.shopify.com/en/manual/using-themes/change-the-layout/help-script-find-money-formats

Samples to copy/paste

Example format to use for HTML with currency (replace USD with your format):

<span class=money>${{amount}} USD</span>

Example format to use for HTML without currency:

<span class=money>${{amount}}</span>

No decimals format

If you're using the amount_no_decimals format, then use these samples. Keep in mind, when the conversion occurs with another currency, decimals will be shown. The initial value will be without decimals, the converted version will include decimals. 

HTML with currency (replace USD with your format):

<span class=money>${{amount_no_decimals}} USD</span>

HTML without currency:

<span class=money>${{amount_no_decimals}}</span>

Using the Currency Converter

Broadcast will place the currency drop-down in your navigation. The currency will dynamically change the price value and symbol.

Example product page:

Collection page example:


Troubleshooting

If you have any currency converter applications installed, they will need to be deactivated. This is the primary reason the theme's currency convertor won't function correctly.

Check your Apps list and deactivate or remove any currency converter apps. These apps will conflict if running with the theme. 

Still need help? Contact Us Contact Us