Install the “Rate this tool” button

1. Open the page’s HTML in your editor, or your site builder’s HTML / code view.
2. Find the spot where the button should sit.A toolbar, beside the title, near your download button, or the row of links in your footer.
3. Copy the two lines.

   <div data-r8rly-tool="your-tool" data-r8-key="r8pk_your_key"></div>
   <script src="https://r8rly.com/embed/r8-widget.js" async></script>

   Copy the two lines
4. Paste them at that spot.Several tools on one page? Give each its own first line, and keep just one copy of the second line.
5. Save and publish the page.

Stuck? Use the No code (link & QR) tab instead — it works on every plan.

A page or post

1. Open the page: in your dashboard go to Pages → All Pages and click the page’s title.
2. Click where the button should sit, then click the + (Add block) button.
3. Type “Custom HTML” in the search box and click the Custom HTML block.
4. Copy the two lines.

   <div data-r8rly-tool="your-tool" data-r8-key="r8pk_your_key"></div>
   <script src="https://r8rly.com/embed/r8-widget.js" async></script>

   Copy the two lines
5. Paste them into the Custom HTML block.
6. Click Update (or Save / Publish) at the top right.

A WooCommerce product page

1. Go to Products → All Products and click Edit under the product.
2. In the product description, pick how it’s shown:Block editor: click +, add a Custom HTML block. Classic box: click the Text tab (not Visual) — the Visual tab would turn the code into plain text.
3. Paste the same two lines where the button should appear.
4. Click Update.

Stuck? Use the No code (link & QR) tab instead — it works on every plan.

1. In your Shopify admin, go to Online Store → Themes.
2. Click Customize next to your current theme.
3. Pick the page from the page menu at the top (for example Home page, or Products → Default product).
4. In the left sidebar, click Add section where the button should go.To sit inside an existing section instead, click Add block in that section.
5. Choose Custom Liquid.
6. Copy the two lines.

   <div data-r8rly-tool="your-tool" data-r8-key="r8pk_your_key"></div>
   <script src="https://r8rly.com/embed/r8-widget.js" async></script>

   Copy the two lines
7. Paste them into the Liquid code box on the right.
8. Click Save (top right).

No Custom Liquid option? Older themes may not have it — use the No-code tab, or ask whoever looks after your theme to paste the two lines into the template.

Stuck? Use the No code (link & QR) tab instead — it works on every plan.

1. Open the page and click Edit (top left).
2. Click Add Block where the button should sit.
3. Choose Code from the list (type “Code” to find it).
4. Copy the two lines.

   <div data-r8rly-tool="your-tool" data-r8-key="r8pk_your_key"></div>
   <script src="https://r8rly.com/embed/r8-widget.js" async></script>

   Copy the two lines
5. Click into the Code block and paste them over the sample text.Leave Display Source switched off.
6. Click Save (top left).

While you’re editing, Squarespace may show “Script disabled” in the block — that’s normal. The button appears on the live page.

Stuck? Use the No code (link & QR) tab instead — it works on every plan.

Recommended: Custom Code Easiest

Adds a small button in the bottom-right corner of the pages you choose.

1. Open your site’s dashboard and click Settings.
2. Scroll to Development & integrations and click Custom Code.
3. Click + Add Custom Code (top right).
4. Copy the Wix lines.

   <div data-r8rly-tool="your-tool" data-r8-key="r8pk_your_key" style="position:fixed;right:16px;bottom:16px;z-index:50"></div>
   <script src="https://r8rly.com/embed/r8-widget.js" async></script>

   Copy the Wix lines
5. Paste them into the code box.
6. Name it “R8rly button”.
7. Under Add Code to Pages, choose Choose specific pages and tick the page(s) — or choose All pages.
8. Under Place Code in, choose Body – end.
9. Click Apply.

Your connected domain (with or without www.) needs to be on your key — it is if you gave it when you asked for the key.

Or: an Embed HTML box Exact spot

1. Open the Editor on the page you want.
2. Click Add Elements (the + on the left).
3. Click Embed Code → Popular Embeds → Embed HTML.
4. Click Enter Code on the new box.
5. Copy the two lines.

   <div data-r8rly-tool="your-tool" data-r8-key="r8pk_your_key"></div>
   <script src="https://r8rly.com/embed/r8-widget.js" async></script>

   Copy the two lines
6. Paste them under Add your code here, then click Apply.
7. Drag the box’s corner until it’s about 260 × 360 pixels.The rating card opens inside the box, so it needs that room.
8. Click Publish.

Inside the box, the button follows each visitor’s own light or dark setting. To always show one look, add data-theme="dark" (or "light") to the first line.

Stuck? Use the No code (link & QR) tab instead — it works on every plan.

Your rating link

1. Copy your rating link (above).
2. Add it as a text link or button that says “Rate us on R8rly”.
3. For print, download the QR code below — PNG for most uses, SVG for printers and designers.
4. Place the QR with the short link and a label right beside it.
5. Test-scan it with a phone before you print.