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:
- Press the Download the Web Clipper (.zip) button above. (Prefer a plain link? Here it is: download the Bommel Bot Web Clipper (.zip).)
- Find the downloaded file (usually in your Downloads folder). It's called
bommel-bot-web-clipper.zip. - 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. - 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.
- Open a new tab, type
chrome://extensionsin the address bar, and press Enter. - Look at the top-right of that page and switch Developer mode to on.
- Three buttons appear on the left. Click Load unpacked.
- A file picker opens. Choose the
bommel-bot-web-clipperfolder you unzipped in Step 1, then click Select Folder. - 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.
- Open a new tab, type
edge://extensionsin the address bar, and press Enter. - Look at the bottom-left of that page and switch Developer mode to on.
- Click Load unpacked (it appears near the top after Developer mode is on).
- A file picker opens. Choose the
bommel-bot-web-clipperfolder you unzipped in Step 1, then click Select Folder. - Done! The Bommel Bot card appears in your list. 🎉
Pin it so it's always handy. Click the puzzle-piece icon near the address bar, find Bommel Bot Web Clipper, and click the eye/pin icon. Now the Bommel button sits right next to your address bar.
- Open a new tab, type
about:debuggingin the address bar, and press Enter. - On the left, click This Firefox.
- Click Load Temporary Add-on….
- A file picker opens. Open the
bommel-bot-web-clipperfolder and choose the file named `manifest.json` (in Firefox you pick that one file, not the whole folder), then click Open. - Done! The Bommel button appears in your toolbar. 🎉
One Firefox quirk: temporary add-ons are removed when you fully close Firefox, so you'd repeat these steps next time. A permanent, signed Firefox version is on our to-do list — for now, Chrome or Edge give you a "set it and forget it" install.
Step 3 — Point it at Bommel Bot (one time)
The button needs to know where to send your saves.
- Click the Bommel button near your address bar, then open its Settings (the little gear, or right-click the button → Options).
- Check the address:
- Use
https://bommel.botif you use the normal Bommel Bot website. - Use
http://localhost:3000only if you run Bommel Bot on your own computer. - 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://extensionsand 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.