Put our 404 cat on your website. Free.

Paste our code

Nothing to upload. We host the cat, you paste two lines into your 404 page.

<div data-cat404="watcher"></div>
<script src="https://www.freshfx.co/embed/cat404.js" defer></script>

For the drummer, change watcher to drums.

Where to paste it

• ShopifyOnline Store → Themes → Customize. Switch the page menu at the top to 404 page, click Add section → Custom Liquid, and paste.
• SquarespaceMake a new page, add a Code block and paste. Then set that page as your 404 page in Settings (search "404"). Code blocks need a Business plan or higher.
• WordPressBlock themes: Appearance → Editor → Templates → Page: 404, then add a Custom HTML block. Page builders like Elementor or Divi have their own 404 template: add an HTML widget there.
• WebflowIn the Pages panel open Utility pages → 404, drag in an Embed element and paste. Needs a paid site plan.
• WixOpen your 404 error page in the editor and add Embed code → Embed HTML. Wix puts embeds in a box, so the cat follows the mouse inside that box only.

Menu names can change a little between themes and plans.

Change the words (optional)

Add any of these to the first line. Leave them out and the defaults are used.

<div data-cat404="watcher"
     data-title="Oops, wrong aisle."
     data-text="That page isn't here anymore."
     data-button="Back to the shop"
     data-home="/shop"
     data-accent="#ff6a00"></div>

• data-title the headline
• data-text the line under it
• data-button and data-home the button's label and where it goes
• data-accent the button colour

Host it yourself

For sites where you can upload files, or if you'd rather not rely on us. Everything runs from your own server.

1. Download your cat

   Download the watcher (4.6 MB) Or the drummer (3.6 MB)

   freshfx.co/downloads/cat404-watcher.zip
   freshfx.co/downloads/cat404-drums.zip
2. Unzip it and upload to your site's main folderThe same folder as your homepage. You'll have a 404.html file and a cat404 folder. Keep the folder name as it is.
3. Tell your host to use it

   • Netlify, Vercel, GitHub Pages, Cloudflare PagesNothing to do. They use 404.html automatically.
   • cPanel or shared hosting (GoDaddy, Bluehost, Namecheap…)In the File Manager, open the .htaccess file in the same folder (turn on "show hidden files") and add this line:

     ErrorDocument 404 /404.html

     Copy
   • NginxAdd this inside your site's server block, then reload Nginx:

     error_page 404 /404.html;

     Copy
4. Change the words if you likeOpen 404.html in any text editor. The lines starting with data- work the same as in Option 1.

Want your own 404 cat?

The free cats come with a small "404 cat by Fresh FX" credit in the corner. A custom one is yours alone, with no credit.

Same cat, new act

$95CAD

Our cat doing something for your brand. Holding your product, wearing your colours, playing something else.

Order for $95

Brand-new character

$295CAD

Your mascot, logo or product turned into its own character, designed from scratch and animated.

Order for $295

Prices in CAD. The $95 option is paid in full. The $295 option can be paid in full, or half now and half when you approve the finished page. Installation is free on both: we set it up for you or walk you through it. You approve a still of the character before we animate it.