embed on any website

Raw HTML / any CMS

1. Open the HTML source of the page where you want the thermometer.
2. Paste the <img> snippet at the position you want — inside a <div>, <p>, or directly in the body.
3. Save and publish. Done.

WordPress (block editor)

1. Open the page or post you want to edit.
2. Click the + button to add a block.
3. Search for Custom HTML and select it.
4. Paste the <img> snippet into the Custom HTML block.
5. Click Update or Publish.

The classic editor works the same way: switch to the Text tab and paste the snippet where you want it.

Squarespace

1. Open the page editor and click where you want to add the thermometer.
2. Click the + icon to add a block.
3. Choose Embed from the block menu.
4. Click the </> button to switch to Code mode.
5. Paste the <img> snippet and click Apply.
6. Save your changes.

Wix

1. Open the Wix editor for your site.
2. Click Add Elements → Embed → Custom Embeds → Embed HTML.
3. A box labeled HTML iFrame appears on your page — drag it where you want the chart.
4. Click the box, then click Enter Code.
5. Paste the <img> snippet and click Apply.
6. Resize the HTML box to fit your chart, then publish.

Email newsletters

1. In your email editor (Mailchimp, Constant Contact, etc.), add an HTML content block.
2. Paste the <img> snippet into the HTML block.
3. Send a test email to yourself first — most email clients display images once the recipient allows them.

Many email clients block images by default until the reader clicks "display images." Consider adding a text line like "See our fundraising progress: link" as a fallback.

Notion, Confluence, and wikis

1. These tools embed images directly by URL — no HTML block needed.
2. Copy just the src URL from your snippet (e.g. https://thermometerchart.net/chart/your-id).
3. In Notion: type /image, choose Link, and paste the URL.
4. In Confluence: use the Image macro and paste the URL as the source.