How do I install the Currency Plugin?

Professional installation is included in the price. There’s no need to worry about installing it yourself. You provide us with access to your site and we install and test it for you.

What templates are compatible with the plugin?

The plugin can be installed on any Squarespace website that uses one of the Brine-family templates. There are currently 23 of these. You’ll find a full list of them on Squarespace’s website.

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.

Is my Squarespace Plan supported?

The plugin can be installed on Brine-family sites using the Business, Commerce Basic and Commerce Advanced plans. If you are using the Personal plan you will need to upgrade to the Business plan. This is because the personal plan does not support code.

What currencies can visitors choose?

In addition to your store’s checkout currency, visitors can select any one of the following currencies using a drop-down menu that appears on every page of your website:

  • Australian Dollar (AUD)

  • British Pound Sterling (GBP)

  • Canadian Dollar (CAD)

  • Euro (EUR)

  • Japanese Yen (JPY)

  • Norwegian Krone (NOK)

  • Swedish Krona (SEK)

  • Swiss Franc (CHF)

  • US Dollar (USD)

Can I pick different currencies for my website?

Yes. If you purchase the custom currency plugin instead of the standard plugin, you are able to specify up to nine currencies that you wish to use (this includes the native checkout currency which can’t be changed).

If you have already purchased the standard plugin and wish to change some of the currencies, please book 30-minutes of development time and specify which currencies you’d like to change.

How do I update the currency rates?

Our plugin uses the currency rates provided by FloatRates. This 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.

Does the plugin support Sale prices?

Yes. The plugin will display sale and original prices in both native and local currency.

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

The Squarespace checkout is locked and cannot be changed, now or in the future. 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.

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 choose this currency when you place your order using the form at checkout. The chosen currency is the default currency for all new visitors. It can be changed later by editing the JavaScript code in your site’s Code Injection area but we do not recommend making changes to this if you are not familiar with JavaScript; this is an advanced modification and could break your site or the plugin. 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.

Can I change the style of the pricing?

Yes, you can change this using the CSS Editor. Go to the Custom CSS menu on your site’s config menu. In the CSS Editor, look for the section that looks like this:

/* Styles added by Soundfocus Digital Media for local currency pricing */

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

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

/* Styling of alternative currency */
.sfCurrencyBlock .sfOtherCurrencies {
  font-family: 'futura-pt';
  font-size: 16px;
  font-weight: 400;
  line-height: 15px;
  letter-spacing: normal;

The font-size in this example is 16 pixels. To increase it, change it to a larger number.

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:

/* Position of alternative currency */
.sfCurrencyBlock {
    -webkit-box-ordinal-group: 3;
    -moz-box-ordinal-group: 3;
    -ms-flex-order: 3;
    -webkit-order: 3;

In this example, the pricing on the Product Details page is shown in position 3. By changing all the numbers 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.