For Compass clients · Opt-in · Removable any time

A small footer badge. Entirely optional.

The Compass Badge is an opt-in “Built with Compass” footer link for Compass AI Group clients. Monochrome, it takes your footer’s text colour and sits quietly next to your copyright. Snippets for every common stack are below. Remove it any time, with no questions and no follow-up.

Get the snippetsRead the terms
Preview · client footers

© 2026 Your Firm · Toronto, Canada

Built with Compass

© 2026 Your Firm · Toronto, Canada

Built with Compass
FIG. 01The same badge on a dark footer and a light one. It inherits the footer’s text colour.

S.01Why opt in

Three reasons. One footer line.

The badge is small and the mechanics are honest. The arrangement only works if it stays optional.

  1. 01

    You signal "I work with people who built this"

    A buyer on your site sees that you chose an operator who ships working systems. It is a small signal, and it reads as confidence.

  2. 02

    You help a Canadian consultancy land more work

    Compass is a small Canadian team. Every badge places a quiet referral signal on your footer. You become part of the reason the next Canadian firm finds us.

  3. 03

    You stay in control

    Monochrome. Removable. No tracking of your visitors. If it stops feeling right, take it off the same day. We will not chase you.

S.02Drop-in snippets

Pick your stack, paste, done.

The hosted SVG is the simplest: one tag, always up to date. The inline HTML is the most portable. The rest mirror the same markup for the platforms our clients run.

  1. 01

    Hosted SVG · simplest

    One <a> tag. Zero JS. Compass controls the design centrally, so design updates land on every client site automatically.

    <!-- Hosted SVG · zero JS, works anywhere -->
<a href="https://compassaigroup.com/?utm_source=client_site&utm_medium=badge"
   target="_blank" rel="noopener noreferrer">
  <img src="https://compassaigroup.com/badges/compass-badge-dark.svg"
       alt="Built with Compass AI Group"
       width="148" height="28" />
</a>
  2. 02

    Inline HTML · most portable

    Self-contained. Works on any platform. Inherits the surrounding text color so it matches your footer.

    <!-- Built with Compass · drop into your site footer -->
<a href="https://compassaigroup.com/?utm_source=client_site&utm_medium=badge&utm_campaign=built_with_compass"
   target="_blank" rel="noopener noreferrer"
   aria-label="Built with Compass AI Group"
   style="display:inline-flex; align-items:center; gap:6px; opacity:0.7;
          font:500 12px/1 system-ui, -apple-system, sans-serif; letter-spacing:0.02em;
          text-decoration:none; color:inherit;">
  <svg width="12" height="12" viewBox="0 0 32 32" fill="currentColor" aria-hidden="true">
    <path d="M16 0 L17.4 14 L32 16 L17.4 18 L16 28 L14.6 18 L0 16 L14.6 14 Z"/>
  </svg>
  <span>Built with <strong style="font-weight:600;">Compass</strong></span>
</a>
  3. 03

    React / Next.js

    Drop the CompassBadge component into your project. Pass clientSlug so traffic from your site shows up in our analytics with your name attached.

    // React / Next.js footer
import { CompassBadge } from '@/components/CompassBadge';

export function Footer() {
  return (
    <footer>
      {/* your existing footer content */}
      <CompassBadge variant="dark" clientSlug="your-firm-slug" />
    </footer>
  );
}

// Drop CompassBadge.tsx into your /components folder.
// Self-contained. No external dependencies.
  4. 04

    WordPress shortcode

    Add the function to your theme. Use [compass_badge] anywhere.

    <?php
// functions.php: add to your active theme
function compass_badge() {
  return '<a href="https://compassaigroup.com/?utm_source=client_site&utm_medium=badge&utm_campaign=built_with_compass"
            target="_blank" rel="noopener noreferrer"
            aria-label="Built with Compass AI Group"
            style="display:inline-flex; align-items:center; gap:6px; opacity:0.7;
                   font:500 12px/1 system-ui, sans-serif; letter-spacing:0.02em;
                   text-decoration:none; color:inherit;">
            <svg width="12" height="12" viewBox="0 0 32 32" fill="currentColor" aria-hidden="true">
              <path d="M16 0 L17.4 14 L32 16 L17.4 18 L16 28 L14.6 18 L0 16 L14.6 14 Z"/>
            </svg>
            <span>Built with <strong style="font-weight:600;">Compass</strong></span>
          </a>';
}
add_shortcode('compass_badge', 'compass_badge');

// Use anywhere with: [compass_badge]
?>
  5. 05

    Shopify (Liquid)

    Paste into your theme footer.liquid above the closing </footer>.

    {%- comment -%} Shopify Liquid · drop into footer.liquid {%- endcomment -%}
<a href="https://compassaigroup.com/?utm_source=client_site&utm_medium=badge&utm_campaign=built_with_compass"
   target="_blank" rel="noopener noreferrer"
   aria-label="Built with Compass AI Group"
   style="display:inline-flex; align-items:center; gap:6px; opacity:0.7;
          font:500 12px/1 system-ui, sans-serif; letter-spacing:0.02em;
          text-decoration:none; color:inherit;">
  <svg width="12" height="12" viewBox="0 0 32 32" fill="currentColor" aria-hidden="true">
    <path d="M16 0 L17.4 14 L32 16 L17.4 18 L16 28 L14.6 18 L0 16 L14.6 14 Z"/>
  </svg>
  <span>Built with <strong style="font-weight:600;">Compass</strong></span>
</a>

S.03Program terms

The deal, written plainly.

Nothing hidden, nothing in fine print. The badge program lives or dies on trust; these rules keep it earned.

  1. 01

    Opt-in, always

    Nothing forces you to display the badge. We do not include it as a default in any engagement. You choose, every time.

  2. 02

    Removable, always

    Remove it any month, any year, with no notice. The code we shipped you stays yours regardless.

  3. 03

    Visual respects your brand

    The badge is monochrome by default. It picks up your footer's text color and sits quietly next to your copyright. No gold splash on your design, no Compass branding fighting yours.

  4. 04

    Attribution stays clean

    The badge link to compassaigroup.com carries a UTM tag identifying your site, so any new business referred from your site is traceable. We can see what traffic the badge generates without tracking your visitors.

Already a Compass client?

Paste a snippet, then email us your clientSlug. We note the install so any referral that comes through your site is credited to you.

Email us your clientSlug

S.05Next step

Plot your course.

A free 30-minute Bearings call. You and the Compass team, talking about your business. An honest read on what to fix first, and whether AI belongs in it.

Book Your Bearings Call

Or reach the Compass team directly: batwal@compassaigroup.com, 416-409-2112