Page — Builder
Only 3 steps needed.
Pick a template, set your page URL, copy the HTML. Paste it into your post or page — the stylesheet link does the counting for you, so your site stays plain HTML.
Embed notes
Use one page URL for one set of counts.
Each snippet gets a random rcdc-* ID so more than one
button can live on the same page. The page URL tells Reaction Count which
post or page owns the counts. The generated counts.css link uses
that same URL and fills the empty count spans.
Optional — static site generators
Optional: template the snippet instead of pasting it.
Pasting the copied snippet works perfectly — most people need nothing else. But if you'd rather, and your site is built by a generator (Astro, Hugo, Eleventy, Jekyll, Zola, anything else), you can have the template produce the embed for every post automatically, so you never copy it by hand again.
The way to figure out what to template: generate one snippet here first, then
read it. Two things in it are page-URL-specific — the ?url=…
value on the counts.css link, and the ?url=… value
on the form action. Both should be the encoded URL of the page
the button will live on, including the #rcdc-… fragment. Build
that URL from whatever variable your generator uses for the current page
(Astro.url, .Permalink, page.url, etc.)
and inject it in both places.
The form ID and the option letters (a, b, …) can
stay literal in the template; they only need to be unique within the page.