Top
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 Dollar, Euro, Pounds Sterling, Swiss Franc, Japanese Yen, 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 allow a single currency to be used for payment, regardless of the currencies displayed.

  • 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 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 uses 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 plugin within 48 hours of your order. If we expect it to take longer, you’ll hear from us within the first 24 hours.

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?

We do not offer the plugin for sale without the installation service. This is because it is impossible to troubleshoot the installation or offer support without Administrator access to your website.

What 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 supports the following currencies, in addition to your store’s checkout currency:

  • 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)

Visitors to your website can select one of these currencies using a drop-down menu that appears on every page of your website.

If you order the custom version of our plugin, you can select any worldwide currency formats, up to a maximum of eight.

Can I pick different currencies for my website?

Yes. If you purchase the custom version of the plugin you are able to specify up to eight currencies of your choice.

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.

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

Yes. The native pricing can be hidden so that a single price (in the visitor’s choice of currency) is shown on product pages. You can select this option when you place your order (or later at additional cost).

The plugin normally displays the local currency prices alongside the site’s native currency. If you would prefer to display a single price, you can hide the native price from your product pages with some CSS. Note that the site’s native currency will still show in the cart and in the checkout, as this cannot be changed.

For example, if you have a US-based store and want to show visitors a single price, you can hide the native prices and choose to have your plugin default to US Dollars.

When ordering your plugin, simply select the same currency (USD in this example) for both the checkout currency and the default local currency. If the plugin is already installed on your site, you can either book us to make the change for you or, if you feel confident doing so, you can change the code yourself using the instructions below. Please note that making changes to the code is considered an advanced modification and falls outside the scope of our support.

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

var prefCurrency = "USD"; 

Replace the three-letter currency code in this line of code (prefCurrency) so that it matches the three-letter code in nativeCurrency. This will ensure that new visitors to your site see your site’s checkout currency first. They can select a different currency using the drop-down selector.

In Design > Custom CSS, look for the following lines of code:

/* Hide native prices */
.product-price .sqs-money-native {
  //display: none;
}

Remove the two forward-slashes ( // ) that are in front of display: none and then save your changes. Your native prices will now be hidden.

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.

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 or 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, se 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 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 {
  padding-top:12px;
  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;
    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.