Adding an Exchange Rate Widget to Squarespace: Step-by-Step

Squarespace makes beautiful sites for exchange offices — and then gives you no obvious way to show the one thing your customers actually visit for: your buy and sell rates. The good news is that Squarespace's Code block handles this cleanly. You paste one script tag, and your posted rates render on the page and keep themselves current.

This guide covers the Squarespace specifics: which plans run script embeds, exactly where to paste the code, why the editor sometimes shows a placeholder instead of your rates, and how to give the widget a page that fits Squarespace's clean look.

First, the right expectation: your rates, not a converter

A currency converter widget shows the market mid-rate from a third-party feed — a number no retail customer gets and that has nothing to do with your counter. What an exchange business needs on its site is its own posted board: the currencies you deal in, your buy column, your sell column.

That's what this widget does. You type your rates into one dashboard; the embed displays exactly those numbers. See the exchange rate widget page for what it looks like.

Which Squarespace plans can embed the widget?

Squarespace only runs custom script embeds on plans that support code blocks with JavaScript — historically the Business plan and above. On the entry-level personal plan, a Code block either isn't available or renders scripts as plain text. If you paste the embed and see the literal code on your page instead of a rate table, your plan is the first thing to check.

Get your embed code

1. Create a free Exchange Rate Management account (free plan: USD and EUR pairs, free forever).
2. Add your currencies in the dashboard and enter your buy and sell rates.
3. Copy your one-line embed code:

   <script src="https://exchangerate.management/exchange-rates-embed.js" data-api-key="erm_your_api_key"></script>

Step-by-step: adding the widget in Squarespace

1. In your Squarespace dashboard, open Pagesand go to the page where your rates should live — a dedicated "Our Rates" page linked from your navigation works best.
2. Click Edit on the page, then add a block where the rates should sit and choose Code from the block menu.
3. Delete the placeholder content, paste your script tag, and make sure the block's type is set to HTML (the default).
4. Apply the change and save/publish the page.
5. Open the page on the live site — not just the editor — and confirm your rate table renders.

Why the editor shows a placeholder instead of your rates

Squarespace often disables custom scripts inside the editing viewfor safety, so while editing you may see an empty box or a "script disabled" style placeholder where the widget should be. That's normal. The check that matters is the live, published page in a regular browser tab. If the live page shows the table, everything is working — the editor preview just doesn't execute embeds.

Making it fit Squarespace's look

• Give it room. The widget renders your currencies as a responsive card grid. A full-width section with the Code block alone looks cleanest on most templates.
• Add context around it.A short heading above the block ("Today's rates") and your address/hours below it turn the page into the answer to the exact question customers arrive with.
• One block, many pages. The same script tag can go on your homepage and your rates page — both read from the same dashboard and stay in sync.

Updating rates — without touching Squarespace

Rates are manual: you set them in the dashboard, they don't drift with a market feed. When your counter changes, update the numbers from any phone or computer and save. Every embed refreshes itself within a few minutes. If a visitor's network hiccups, the widget keeps the last loaded rates on screen instead of going blank.

What it costs

The widget's free plan covers USD and EUR pairs, free forever. Pro — US$9.99/month or US$99.99/year — unlocks all 153 currencies so your whole board can be online. No contract; cancel anytime from the dashboard.

Bonus: your Squarespace page as an in-shop rate board

Create an unlinked Squarespace page containing only the Code block, open it in your TV's browser, and go fullscreen: that's a digital rate board with zero extra hardware. Change a rate once and your website and shop screen update together — the walkthrough is in how to display exchange rates on a TV screen.

Squarespace FAQ

Code block vs. code injection — which should I use?

Use a Code blockon the page where rates belong. Site-wide code injection (Settings → Advanced) inserts code on every page, which you don't want for a rate table.

Does it work on Squarespace 7.0 and 7.1?

The widget is plain HTML + JavaScript, so it runs wherever Squarespace executes code blocks. On current 7.1 sites it works as described above; on older 7.0 templates the block UI may differ slightly, but the paste-and-publish flow is the same.

Will it clash with my template's fonts or colors?

The widget ships its own neutral styling (white cards, dark text) scoped to its container, so it won't inherit or break your template's styles.