Skip to content

Quickstart

Make a reaction button snippet.

Choose the button text, copy the HTML, and paste it into the blog post or page where you want reactions.

Settings

Form builder

The public URL of the page where this snippet will live.

Optional text shown above the buttons.

Keep this unique if you place more than one counter on the same page.

Customize (if you want)

Embed notes

Use one page URL for one set of counts.

Each snippet gets a random reactioncounter-* ID so more than one counter can live on the same page. The page URL tells Reaction Count which post or page owns the counts.

Astro URL pattern

Astro example

If you use Astro, you can build the page URL from the current route so each page gets its own counts. 

---
const canonicalUrl = new URL(Astro.url.pathname, Astro.site);
const reactionsUrl = new URL(canonicalUrl);
reactionsUrl.hash = 'reactioncounter-123456';
---