Skip to main content
Help Center
General · Channel Setup

Add the browser button (Chrome, Edge & Firefox)

A clear, step-by-step setup for the Web Clipper — download it, add it to Chrome, Edge, or Firefox, and clip any page with one click. Beginner-friendly, no tech knowledge needed.

5 min read · Updated 7/6/2026

On this page

You're reading something lovely on the web and you think, "I want to keep this." Instead of copying the address and hopping over to me, you can press one little button right in your browser — and I'll tuck the page away for you. This guide walks you through it slowly, step by step, for Chrome, Microsoft Edge, and Firefox. No tech knowledge needed. 🐝

What you're setting up

The Bommel Bot Web Clipper is a tiny button that lives next to your browser's address bar. Click it on any page, add a note if you like, press save — and the page pops over to me, ready for your library.

  • Save the page you're on with one click.
  • Add a quick note in the moment ("the blue one", "for Mum's birthday").
  • Works on the Free plan — the saving happens right in your own browser.
  • It's private: the button only ever knows the one page you choose to save. It never sees your other tabs, passwords, or keys.

Step 1 — Download the clipper

First, get the clipper onto your computer. Click the button below to download it:

  1. Press the Download the Web Clipper (.zip) button above. (Prefer a plain link? Here it is: download the Bommel Bot Web Clipper (.zip).)
  2. Find the downloaded file (usually in your Downloads folder). It's called bommel-bot-web-clipper.zip.
  3. Unzip it. Right-click the file → Extract All (Windows) or double-click it (Mac). You'll get a normal folder called bommel-bot-web-clipper.
  4. Remember where that folder is — you'll point your browser at it in the next step. A good spot is your Documents folder, somewhere you won't accidentally delete it.
Keep the folder. Unlike a normal app, this folder is the extension while it's installed this way. If you move or delete it, the button stops working. Just leave it somewhere safe.

Step 2 — Add it to your browser

Now pick your browser below and follow the steps. They're almost identical for Chrome and Edge.

  1. Open a new tab, type chrome://extensions in the address bar, and press Enter.
  2. Look at the top-right of that page and switch Developer mode to on.
  3. Three buttons appear on the left. Click Load unpacked.
  4. A file picker opens. Choose the bommel-bot-web-clipper folder you unzipped in Step 1, then click Select Folder.
  5. Done! The Bommel Bot card appears in your list. 🎉
Pin it so it's always handy. Click the little puzzle-piece icon near the address bar, find Bommel Bot Web Clipper, and click the pin. Now the Bommel button sits right next to your address bar.

Step 3 — Point it at Bommel Bot (one time)

The button needs to know where to send your saves.

  1. Click the Bommel button near your address bar, then open its Settings (the little gear, or right-click the button → Options).
  2. Check the address:
  3. Use https://bommel.bot if you use the normal Bommel Bot website.
  4. Use http://localhost:3000 only if you run Bommel Bot on your own computer.
  5. Save. That's it — you won't need to do this again.

How to use it every day

Once it's installed, saving anything is instant:

  • The button: on any page, click the Bommel button. I'll fill in the title and address — you just add a note and press Save to Bommel Bot.
  • Right-click: right-click a page, a link, or some text you've highlighted, and choose Save to Bommel Bot.
  • Keyboard: press Alt+Shift+B to save the page you're on.

Every save opens my Save this page screen so you get a quick peek before it lands — no surprises, and I'll gently warn you if it's already in your library.

If something's not working

  • No button showing? Pin it (see the tip in Step 2), or reopen chrome://extensions / edge://extensions and check the Bommel card is switched on.
  • Clicking it does nothing / opens the wrong site? Reopen its Settings (Step 3) and double-check the address.
  • It vanished after restarting Firefox? That's the Firefox quirk above — just load it again, or use Chrome/Edge for a permanent install.
  • "Load unpacked" is greyed out? Developer mode isn't on yet — flip that switch first (Step 2).

Good to know

  • The clip opens Bommel Bot to save, so it lands in the same library as everything else — and syncs across your devices if you're on Pro.
  • Prefer saving from your chats instead? I can do that too — see Save by messaging a bot.
  • One-click installs from the Chrome Web Store and Firefox Add-ons are on the way. Until then, the steps above get you clipping today.

Where to next