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 are displayed in the correct format for local markets.

Quality product

Quality Code

Exclusively made for Squarespace, these plugins are 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 is changed.

  • The currencies available on the standard plugin are: EUR, GBP, USD, AUD, CAD, CHF, JPY, SEK and NOK. To display different currencies, please purchase the custom plugin.

  • The plugin displays the latest bank rates provided by FloatRates. Please note that we are not responsible for or affiliated with this third-party service.

Achieve higher conversion by making your prices relevant

79.99 99.99
Quantity:
Buy Standard Plugin
99.99 134.99
Quantity:
Buy Custom Plugin
 

Our standard plugin includes USD, EUR, GBP, CAD, AUD, NOK, SEK, CHF and JPY.

Our custom plugin supports up to eight 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.

Frequently Asked Questions

How do I install the currency plugin?

There’s no need to worry about installing this plugin yourself. Professional installation is included in the cost. When you purchase the plugin, a form will prompt you for the information that we need. 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 72 hours of your order. If we expect it to take longer, you’ll hear from us within the first 48 hours. Depending on your requirements, the custom version can take slightly longer.

Why do you need Administrator access to my website?

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 is 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.

Can I use the plugin on multiple sites?

An additional copy of the plugin is required for each Squarespace website. Your copy of the plugin is paired to the domain you specify when you order. Changing your domain will cause it to no longer work. 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.


Will the plugin be made available for other Squarespace templates?

No. If you are using a different template, 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. Squarespace provide an article explaining how to switch templates here: Switching templates.

Is my Squarespace Plan supported?

The plugin can be installed on any Brine-family sites that are on the Business, Commerce Basic and Commerce Advanced plans, as well as some legacy plans. The currency plugins are unsuitable for the Personal plan because this does not support eCommerce or JavaScript.  

What currencies can visitors choose?

Our standard plugin now supports the following currencies, in addition to your store’s checkout currency (if different):

  • Australian Dollar (AUD)

  • Bahraini Dinar (BHD)

  • British Pound Sterling (GBP)

  • Canadian Dollar (CAD)

  • Chinese Yuan (CNY)

  • Egyptian Pound (EGP)

  • Euro (EUR)

  • Hong Kong Dollar (HKD)

  • Japanese Yen (JPY)

  • Kuwaiti Dinar (KWD)

  • New Zealand Dollar (NZD)

  • Norwegian Krone (NOK)

  • Qatari Riyal (QAR)

  • Saudi Riyal (SAR)

  • South African Rand (ZAR)

  • Swedish Krona (SEK)

  • Swiss Franc (CHF)

  • United Arab Emirates Dirham (AED)

  • US Dollar (USD)

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 select any worldwide currency formats, up to a maximum of eight.

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 the following currencies by changing a setting in the code:

  • United Arab Emirates Dirham (AED)

  • Bahraini Dinar (BHD)

  • Euro (EUR)

  • Kuwaiti Dinar (KWD)

  • Saudi Riyal (SAR)

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 can display 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:

*Orders are processed in Euros. Other prices 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:"*Orders are processed in Euros. Other prices 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.

Can I change the way local prices are rounded?

Yes, if you tell us your requirements before you place your order and choose the custom (not standard) plugin. The default rules are:

Everything ending from .01 to .29 ⇢ round to .29

Everything ending from .30 to .49 ⇢ round to .49

Everything ending from .51 to .79 ⇢ round to .79

Everything ending from .80 to .99 ⇢ round to .99

If you want to change the rules after purchase, we can modify them for a small charge. Please book our 30 minute expedited service and tell us your rounding requirements using the form at checkout.