Website Design, Squarespace Development and Shopify Commerce

Local Currency Plugins for Squarespace

Clearer pricing. Better conversion.

currency-banner-tny.jpg

Why do I need the Currency Plugin?

Clearer pricing. Better conversion.

Global trade is booming online, and today’s buyers expect a personalised purchasing experience, with prices displayed in their own local currency. Posting clear, understandable prices for products in your online store should be an important part of your site’s design. Recent surveys suggest that 85% to 95% of visitors leave a site without making a purchase when prices are not shown in their local currency. Our Local Currency Plugins for Squarespace stores add a dropdown to your site that enables potential customers to show your prices in their own currency.

 
Automated Real-time rates

Real-time Rates

Plugins calculate the currency rate for each visitor using the latest bank rates so your customers will always see the latest rates. It’s automatic; there's nothing to calculate or update.

popular currencies

Popular currencies

We include support for the most popular currencies including US, Canadian and Australian Dollars, Euros, Pounds Sterling, Swiss Franc, Swedish Krona and Norwegian Krone.

Installation included

Installation included

We professionally install the currency plugin on your website, and thoroughly test it for you.

 
Compatible with Brine Templates

Brine-family templates

Our plugins work with more than 45 templates in Squarespace's Brine template-family.

Rounded Prices

Rounded Prices

Our plugins automatically round prices to make them customer friendly. For example, $1.94 becomes $1.99.

Supports sale prices

Supports ‘Sale’ prices

Sale prices and variants are fully supported. Sale and original prices are shown in both native and local currency.

 
Customise the style

Customisable

The fonts and colours can be customised to suit your site’s style and your own preferences.

Correctly formatted currency

Correctly formatted

Local prices can be displayed in the correct format for local markets.

Quality product

Quality Code

Exclusively made for Squarespace and installed on many popular online stores.

 

Limitations

  • This plugin changes the prices on the product pages. The local currency cannot be shown in the checkout. Squarespace websites only support a preset list of currencies and only one of these can be used for payment on a single website, regardless of the currency displayed using the plugin.

  • The local currency is not shown in Quick View (if enabled).

  • The plugin is locked to the domain name of your site. It is not transferable and will stop working if the Squarespace domain name or the primary domain name does not match the details supplied on the order form.

  • The currencies available on the standard plugin have been expanded to include: Euro (EUR), Pounds Sterling (GBP), US Dollar (USD), Australian Dollar (AUD), Canadian Dollar (CAD), Norwegian Krone (NOK), Swedish Krona (SEK), Swiss Franc (CHF), United Arab Emirates Dirham (AED), Bahraini Dinar (BHD), Chinese Yuan (CNY), Egyptian Pound (EGP), Hong Kong Dollar (HKD), Japanese Yen (JPY), Kuwaiti Dinar (KWD), New Zealand Dollars (NZD), Qatari Riyal (QAR) and Saudi Riyal (SAR). To display other currencies, please purchase the custom plugin, and specify on the order form which currencies you wish to display.

  • Our currency plugins obtain the latest bank rates from FloatRates. Please note that we are not responsible for or affiliated with this third-party service.

Achieve higher conversion by making your prices relevant

95.00 119.99
Quantity:
Buy Standard Plugin
124.99 134.99
Quantity:
Buy Custom Plugin
 

Our standard plugin includes the most popular currencies (see FAQ)

Our custom plugin allows you to add other worldwide currencies of your choice.

 

Customer Examples

Our currency plugin is installed on the websites shown above. The inclusion of these examples does not imply a recommendation, nor does it indicate that we were involved in the design of these sites; we weren’t. Content can change without notice, so it may be possible that the plugin has been removed or disabled from any of these sites before we have had the opportunity to remove a link. The screenshots and links have been published in good faith and for general information purpose only. These websites may be copyrighted and/or trademarked by the businesses they reference.

Reviews

Frequently Asked Questions

How do I install the currency plugin?

There’s no need to worry about installing this plugin yourself as we professionally install the plugin for you. The cost of installation is included in the price. When you purchase the plugin, a form will prompt you for all the information we need to enable us to install it for you. Once installed, we’ll test it (on desktop and mobile) and email you to confirm completion.

When is the plugin installed?

We normally install the standard plugin within 3 working days of your order but at peak periods it can take up to five working days. If we expect it to take longer, you’ll normally hear from us within the first 2 working days. Depending on your requirements, the custom version may take slightly longer (typically 3 - 7 working days).

Why do you need Administrator access to my website?

This is due to the way that Squarespace permissions work. To log in and work on a Squarespace site, each contributor needs to be assigned permissions on the site. Contributors can have different permissions assigned to them and this decides which settings they're allowed to see. Only Contributors who have been assigned the Administrator role can can access code injection, Custom CSS and Site Styles. It is essential that we have access to these to install and test the plugin. You’ll find more information on Squarespace permissions in their support article: Squarespace permissions explained.

Can I install the plugin myself?

No. We do not offer the plugin for sale without the installation service. We believe the complexity makes it unsuitable for installation by the end user and it would be impossible for us to troubleshoot the installation or offer support without Administrator access to your website.

Which templates are compatible with the plugin?

The plugin can be installed on any Squarespace website that uses one of the Brine-family templates. At the time of writing, there are more than 40 of these. You’ll find a full list of them in the Squarespace support article: Using the Brine template or you can view them using the template store. The Brine family of templates are the newest and most flexible templates available from Squarespace who are actively investing in them.

Will the plugin be made available for other Squarespace templates?

No. If you are using a template from another family, we strongly recommend changing to a Brine-family template. These newer templates are currently the only ones that support Squarespace’s future roadmap, including languages other than English. It’s easy to try a different template without affecting your live site. For more information on previewing a different template, see Squarespace’s article here: Switching templates. We can offer the services of a Squarespace expert to help you if you’d like help with this (additional charges apply).

Can I use the plugin on multiple sites?

The plugin is licensed to the site you specify during purchase. If you wish to use the plugin on another website you must purchase another licensed copy. Changing your domain will cause the plugin to stop working. If you need to change your domain, please contact us so that we can prepare a new version of the plugin for your website. There is a small admin charge for this service.

Is my Squarespace Plan supported?

The plugin can be installed on Brine-family sites that support selling.

What currencies can visitors choose?

The latest version (1.033) of our standard plugin now supports the following currencies, in addition to your store’s checkout currency (if different):

  • Argentine Peso (ARS)

  • Australian Dollar (AUD)

  • Bahraini Dinar (BHD)

  • Brazilian Real (BRL)

  • British Pound Sterling (GBP)

  • Canadian Dollar (CAD)

  • Chinese Yuan (CNY)

  • Egyptian Pound (EGP)

  • Euro (EUR)

  • Hong Kong Dollar (HKD)

  • Indian Rupee (INR)

  • Japanese Yen (JPY)

  • Kuwaiti Dinar (KWD)

  • Mexican Peso (MXN)

  • New Zealand Dollar (NZD)

  • Norwegian Krone (NOK)

  • Qatari Riyal (QAR)

  • Russian Ruble (RUB)

  • Saudi Riyal (SAR)

  • Singapore Dollar (SGD)

  • South African Rand (ZAR)

  • South Korean Won (KRW)

  • Swedish Krona (SEK)

  • Swiss Franc (CHF)

  • United Arab Emirates Dirham (AED)

  • US Dollar (USD)

You can choose to offer all of these, or a smaller selection of them (see next question).

Visitors to your website can select any one of the available currencies using a drop-down menu that appears on every page of your website. We offer a custom version of our plugin that allows you to add up to three additional currency formats.

Can I choose which currencies to display on my website?

The standard version of the plugin is supplied with a pre-determined list of the most popular currencies (see list above). If you have version 1.023 of the plugin (or later) you can choose which of these currencies are available for selection by changing editing some values in Settings > Advanced > Code Injection > Footer. You cannot add additional currencies to the standard plugin; you can only choose from the list above. However, if you purchase the custom version of the plugin you are able to specify any currencies at all, up to a maximum of eight. If you have already purchased the standard plugin and wish to change some of the currencies, please book a developer slot and specify which currencies you’d like to change.

const showAED = false;
const showAUD = true;
const showBHD = true;

To change whether a currency type is shown to visitors, type a value of true to show the currency, or false to hide it and then save the changes.

Note: Amending the code is considered an advanced modification that falls outside of the scope of support, both by us and by Squarespace. We recommend reaching out to us for assistance with such changes.

Can I hide the native currency, so visitors only see one price per product?

The plugin normally displays the visitor-selected local currency prices below the site’s native checkout currency on product pages.

For example, if you have a US-based store and the checkout operates in US Dollars, Squarespace will normally only show the US Dollar price. Our plugin adds a visitor-selected currency below this. For example, if your checkout is in USD but your visitor selects GBP then the GBP price will appear below the USD price.

If the visitor selects the checkout currency as their preferred currency this would normally mean that the price would be shown twice in the same currency. To avoid this, the plugin can be set to only display a currency below the standard prices when a currency other than the checkout currency is selected by the visitor.

In Settings > Advanced > Code Injection > Footer, look for the following line of code:

const hideNative = true;

How do I update the currency rates?

Our plugin uses currency rates provided by the FloatRates service. This third-party online service provides the latest bank rates, updated hourly and is currently free. There is nothing for you to calculate or update; your customers will see the latest rates. Please note that we are not responsible for or affiliated with the FloatRates service. We offer no guarantees or representations as to, and shall have no liability for, any electronic content delivered by the FloatRates service, including, without limitation, the accuracy, subject matter, quality or timeliness of any electronic content.

Does the plugin support Sale prices?

Yes. The plugin will display sale and original prices in both native and local currency. They will be formatted in the same way as your native prices, where the sale price is shown beside the original price.

How can I use the local currency in the Squarespace checkout?

The built-in checkout is locked by Squarespace to ensure it remains secure when handling payment information. It is not possible to change the currency used on the Squarespace checkout nor to display additional currency information. Customers will only ever be able to make purchases in the site's native currency. The local currency is only provided for information on product pages only. Your Squarespace site can only support one native currency at a time. For details of how to change the checkout currency, see this Squarespace article: Selecting your store's currency.

How do I change the initial currency choice?

When someone visits your site for the first time, they will be shown local prices in a predetermined local currency. You can pre-select this currency when you place your order, using the form at checkout. The currency you choose will be the initial default currency for all new visitors to your website.

If you would like us to change the initial currency choice after purchase, please book our 30 minute expedited developer service and tell us which currency you’d like using the form at checkout. We do not recommend making changes to our code; advanced modifications like this are not supported and could break your site or the plugin.

Can I change the style of the pricing?

Yes, you can change this using the CSS Editor. You’ll find this on the Design menu. In the CSS Editor, look for the section that looks like this:

/* Styles added for local currency pricing */

For information about changing specific style elements, see the questions below.

How can I change the size/colour of the additional price?

By default, the additional price will appear below the standard price in the same font. You can change the font size by changing this section of the CSS entitled Styling of alternative currency:

@alt-currency-color: #d39850;
@alt-currency-font: proxima-nova;
@alt-currency-font-size: 18px;
@alt-currency-font-weight: 200;  

How can I change the way the price is formatted?

In different countries, the position of currency abbreviations varies considerably and different character sets can be used. When initially installed, the plugin will display most prices using a standard Latin character set used by English and most European languages (for example £9,999.99). Euro prices will be shown in the format favoured in Germany (and similar to Austria, Finland, France, Portugal and Spain) where the symbol follows the digits and the decimal separator is a comma (9.999,99 €).

For maximum flexibility, we allow you to change the formatting of many currencies by changing a setting in the code. For example, to change the format of Euros from the German format (9.999,99 €) to the format used in one of the other countries, such as Belgium, Greece, Ireland, Italy, Luxembourg or the Netherlands (€9,999.99 or €9 999,99 or €9.999,99) change the following line of code in Settings > Advanced > Code Injection > Footer from the German code (de-DE) to the country code for the required country. For example en-IE for Ireland or it-IT for Italy:

const eurFormat = "de-DE";

To display Middle Eastern currencies (AED, BHD, KWD, SAR) in Arabic instead of English, replace en (English) with ar (Arabic) in the following lines of code:

  const aedFormat = "en-AE";
  const bhdFormat = "en-BH";
  const kwdFormat = "en-KW";
  const sarFormat = "en-SA";

How can I change the position of the additional price?

By default, the additional price will appear below the standard price. You can change the position by editing the Custom CSS. In this section you’ll see something like this:

@alt-currency-position: 3;

In this example, the pricing on the Product Details page is shown in position 3. By changing the number to something else (for example, 2) you can reposition the price on the page.

How can I modify the description below the price?

On Product Detail pages (where one product is shown) the plugin normally displays a short disclaimer below the price. This allows you to explain that the local price has been calculated using the standard bank rate, and is not specific to their own card rate, which may differ. The default wording is usually something like this:

*Transactions are processed in $ US Dollars (USD) and may be converted by your card issuer into your home currency. We have no control over and take no responsibility for the rate of exchange used by your card provider, nor over any transaction fee which they may apply. Other rates shown are approximate and based on today's bank rate.

You can change the wording to meet your own requirements by editing the CSS file. Look for the section entitled Wording of currency explanation. You can change the wording within the quotation marks. It should look something like this:

/* Wording of currency explanation */
.sfExplainCurrency:before {
  content:"*Transactions are processed in $ US Dollars (USD) and may be converted by your card issuer into your home currency. We have no control over and take no responsibility for the rate of exchange used by your card provider, nor over any transaction fee which they may apply. Other rates shown are approximate and based on today's bank rate.";
}

The font size and color can also be edited in this section:

/* Styling of explanation */
.sfCurrencyBlock .sfExplainCurrency {
  font-size: 11px;
  //color: white;
  letter-spacing: .2px;
  line-height: 1em;
  margin-top: 12px;
  margin-bottom: 34px;
}

Note: To change the color, you must remove the ‘//’ prefix.

How can I enable the mobile Account Login on the Commerce Advanced plan?

If your website is on Squarespace’s Commerce Advanced plan, you can display a customer login link in the mobile footer of your website. If you did not have this enabled prior to the plugin installation and now want to enable it, you must edit the CSS file to make it visible. Look for this section in the CSS file entitled Commerce Advanced:

/* Commerce Advanced */
/* Hide account login on mobile (if required) */
.Mobile-bar-account {
  display: none;
} 

To enable the link, prefix the display: none; line with ‘//’ so it looks like this:

  //display: none;

Remember to save the CSS file after making changes.

What cookies does the plugin use?

The plugin creates a number of cookies to track repeat visitors and prevent unnecessary lookups of currency conversion rates. These cookies are transparent and will not affect the way that your website operates. However, due to data protection legislation in many territories, you may need to amend your website’s cookie policy to declare the use of these additional cookies. Here is a full list and description of each cookie being used.

sfPreferredCurrency (1 hour): Remembers the visitor’s preferred currency so that prices are displayed correctly.

srRates (1 hour): Used to indicate that up-to-date currency rates have been downloaded.

sfXXX (2 hours): One cookie is created per currency and is used to store the respective currency rate, where XXX indicates each three-letter currency code. For example, sfCAD contains the conversion rate for Canadian Dollars and sfUSD contains the conversion rate for US Dollars.

Can I change the way local prices are rounded?

The plugin (version 1.033 and above) has three rounding modes:

  • normal: prices are rounded to the nearest .29, .49, .79 and .99, for example $599.99 or $426.79.

  • small: prices are rounded to the nearest .00, .09, .19, .29, .39, .49, .59 and .79. For example $599.19.

  • zero: all prices are shown rounded to the nearest integer, for example $599.00.

Note that because currencies are displayed in their native form, some currencies will be displayed in whole numbers without a decimal point.

To change the rounding method, change the following line of code in Settings > Advanced > Code Injection > Footer:

  const rounding = "normal";

If you require different rules please tell us your requirements and we will provide a quotation to make changes.

Can I add a descriptive label to the currency selector?

Yes. The currency selector appears in the header and has been designed using accepted UX principles for a currency selector on an ecommerce site. Visitors should find this intuitive and not require any additional labelling. However, if you would like to display it with a descriptive label such as “currency:” or “prices shown in:”, and you have sufficient space in your desktop header, you can add a label by adding the code shown below to Design > Custom CSS. Use an appropriate message within the quotation marks and choose the required font-size in pixels.

.Header-inner .sfSelector:before {
  content: "Currency: ";
  font-size: 12px;
}