“Hosted on Pagehaus” badge
If you like Pagehaus, a small badge on your site helps other people find it. It's one line of HTML, and entirely optional.
Light
<a href="https://pagehaus.app/" title="Hosted on Pagehaus: plain HTML hosting" style="display:inline-flex;align-items:center;gap:7px;padding:5px 10px;border:1px solid #151515;border-radius:4px;background:#ffffff;color:#151515;font:500 12px/1 system-ui,-apple-system,'Segoe UI',sans-serif;text-decoration:none"><svg width="30" height="12" viewBox="0 0 30 12" aria-hidden="true" style="display:block"><circle cx="5" cy="6" r="5" fill="#e63b2e"/><rect x="12" y="1" width="7" height="10" fill="#1f4fd8"/><path d="M21 11 25 1 29 11z" fill="#f5b700"/></svg>Hosted on Pagehaus</a>Dark
<a href="https://pagehaus.app/" title="Hosted on Pagehaus: plain HTML hosting" style="display:inline-flex;align-items:center;gap:7px;padding:5px 10px;border:1px solid #ffffff;border-radius:4px;background:#151515;color:#ffffff;font:500 12px/1 system-ui,-apple-system,'Segoe UI',sans-serif;text-decoration:none"><svg width="30" height="12" viewBox="0 0 30 12" aria-hidden="true" style="display:block"><circle cx="5" cy="6" r="5" fill="#e63b2e"/><rect x="12" y="1" width="7" height="10" fill="#1f4fd8"/><path d="M21 11 25 1 29 11z" fill="#f5b700"/></svg>Hosted on Pagehaus</a>Where to put it
Paste it into your footer. If your pages share a footer through
Server Side Includes, put it in that one file
(new sites have /includes/footer.html) and it appears on every page.
What it does, and doesn't
- It's a plain link to pagehaus.app. The logo is drawn by the badge itself, so your visitors' browsers don't load any image, script or tracker from us.
- New sites come with the light badge in their footer. Delete that line to remove it: nothing breaks, and it isn't required on any plan.
- You can restyle it, or use a plain text link instead:
Hosted on <a href="https://pagehaus.app/">Pagehaus</a>.