The Gold Barometer

Put The Gold Barometer on your site

A small dial that shows today's reading, updating itself once a day. Free, no signup, no key. It works in WordPress, Squarespace, Wix, Shopify, Ghost, and any plain web page. Choose a look, copy the code, paste it in. That is it.

Live preview

The preview updates as you change the options on the right. Both light and dark previews are the real widget, not a mockup.

Options

Colour scheme
Size

Copy this code

This is the entire embed. Paste it wherever you want the dial to appear.

Prefer a static image? (no JavaScript required)

Use this instead for newsletters, RSS, or website builders that strip scripts. It shows the same daily reading, refreshed once a day.

Step by step: how to paste it into your site

Every popular website builder has a place for a piece of code (sometimes called a Custom HTML block or a Code block). Find yours below. Every step names the exact button you should look for.

WordPress Block editor (Gutenberg, the default in modern WordPress)
  1. Open the page or post where you want the dial to appear, then click Edit.
  2. Click the black plus sign + where you want the dial to sit.
  3. In the block search box, type Custom HTML, then click it.
  4. Paste the code from above into the block.
  5. Click Update (or Publish for a new page) in the top right.
  6. Open the live page in a new tab to check. The dial appears within a couple of seconds.

If nothing shows up, keep reading past the platforms list. The most common cause is that the editor was in the Visual tab instead of the Custom HTML block.

WordPress Classic editor
  1. Open the page or post, then click Edit.
  2. Above the editor, click the Text tab (not the Visual tab). The Text tab is where you can paste raw code.
  3. Paste the code where you want the dial to appear.
  4. Click Update on the right.
  5. Open the live page in a new tab to check.
Squarespace
  1. Open your site, click Edit in the top left of the page you want to change.
  2. Hover on a section, click the small blue + to add a block.
  3. In the block panel, click Code (icon looks like </>).
  4. Delete any placeholder text and paste the code.
  5. Make sure the Display Source toggle is off, and HTML is selected.
  6. Click outside the block, then click Save in the top left.
Wix
  1. In the editor, click the Add Elements (plus sign) button on the left toolbar.
  2. Click Embed Code, then Embed HTML.
  3. Drag the new block into the spot where you want the dial. Click it, then click Enter Code.
  4. Paste the code, then click Update.
  5. Click Publish in the top right to make it live.
Shopify
  1. In your admin, go to Online Store, then Themes.
  2. On the active theme, click Customize.
  3. Pick the page where you want the dial (Home, a product page, etc.), then click Add section.
  4. Choose Custom Liquid.
  5. Paste the code into the Liquid box on the right.
  6. Click Save in the top right.
Ghost
  1. Open the post or page, click into the content area.
  2. Press / to open the card menu, then type html.
  3. Click the HTML card.
  4. Paste the code in the panel that opens.
  5. Click Publish or Update in the top right.
A plain HTML file You edit your own HTML
  1. Open the HTML file in your text editor.
  2. Paste the code just before the closing </body> tag.
  3. Save the file and refresh the page in your browser.
Newsletters, RSS feeds, and builders that block scripts No JavaScript allowed
  1. Open the Prefer a static image? section above and click Copy image code.
  2. Paste it into your newsletter's HTML block, or wherever an <img> tag is accepted.
  3. The image updates itself once a day. No JavaScript required.

It is not showing up. Why?

I saved but I still don't see the dial on the live page.

Two things to check first. The page has to be saved AND published. Some builders keep changes in draft until you click Publish. Then reload the live page with a hard refresh: hold Shift and click your browser's refresh button.

I see the words "The Gold Barometer - daily gold buying conditions" but no dial.

This means the code was pasted, but the small script that draws the dial did not run. In WordPress or Squarespace, that usually means the code was pasted into a visual (rich text) block, which strips the script. Delete it, add a Custom HTML block (WordPress) or a Code block (Squarespace), and paste there instead.

Nothing appears at all, not even the text.

The editor probably stripped everything on save. Use the Custom HTML / Code / HTML card block for your platform, not a plain paragraph. Look at your platform's steps above for the exact block name.

The dial shows but the reading is missing or says "Loading".

Your host might block outgoing browser requests to thegoldbarometer.com (rare, but happens on some corporate intranets). Use the static image version above instead. It does not fetch anything at page load.

I use a caching plugin (W3 Total Cache, WP Rocket, Cloudflare, etc.).

Clear the cache after you save the page. The plugin might still be serving the old page without the code.

Still stuck?

Email hello@thegoldbarometer.com with the URL of the page and a screenshot. A human will look at it.

Free to use, no permission needed

You may embed this on any site, personal or commercial. No signup and no key. We will not ask you to take it down later. All we ask: keep the link back to thegoldbarometer.com visible. The data behind the reading is published under a Creative Commons Attribution 4.0 licence.

A few more details, in plain English

What actually goes on my page?
A small piece of HTML that includes a link to The Gold Barometer, plus a tag that loads a tiny script from our site. The script quietly draws the dial where the link was. If the script cannot run (a newsletter, a strict corporate site), the link still shows up on its own.
Will it slow my page down?
The script is under 15 KB. It loads only when your browser is idle (that is what the word async in the code does). It reads today's number from one small file. You should not notice any effect on the page's loading speed.
Does it track my visitors?
No. There are no cookies, no analytics beacons, and no third-party requests. The only request the widget makes is to read the daily reading file on thegoldbarometer.com.
Will the reading change on its own?
Yes. The reading updates once a day. Your embed shows today's number without you having to touch anything.
Can I use my own colors or fonts?
The widget is styled to look like the site itself. If you need a fully custom look, use the raw JSON at /data/latest.json and build your own.