Embed the Onboarding Health Check on your community-operator site

A free embeddable widget that runs a 3-question onboarding health check inside any page on your site. Operators answer in their own browser, get a 0–30 score, a tier, and the highest-leverage fix to focus on. Drop in one <script> tag — no build step, no tracking, no dependencies, no signup. Built for paid-community operators, community-management bloggers, and anyone publishing for the same audience Foothold serves.

Live demo

This is the actual widget, mounted right here on this page using the same <script> tag you’ll paste into your own site. Try it — it works.

Live widget on this page

Nothing on this widget phones home. Open the network tab — answers and score live entirely inside your browser. The script is /embed.js; the source is unminified and readable.

Copy-paste embed snippet

Paste anywhere in your page body. The widget mounts at the <div> location.

<!-- Foothold Onboarding Health Check — 3-question embed -->
<div data-foothold-widget="health-check"></div>
<script src="https://foothold.community/embed.js" defer></script>

Multiple widgets on one page? Add as many <div data-foothold-widget="health-check"></div> mount points as you like — each renders its own independent instance. The <script> tag itself only needs to appear once.

What you get

A real 3-question diagnostic — week-one post rate, day-0 DM, day-7 scorecard. Answers map to a 0–30 score with three tiers (Healthy / Leaking / Acute). Same scoring shape as the full /check.html, trimmed to fit a sidebar or inline-content slot.
The highest-leverage fix surfaced after submission — the lowest-scoring question is matched to a one-paragraph fix: install a day-0 DM, run a real day-3 nudge, ship a Monday scorecard. Operators leave with one concrete next action, not a generic call-to-action.
Two clearly labelled CTAs in the result — “Take the full 5-question check” (links to /check.html) and “Join the Foothold waitlist.” Both open in _top so the visitor isn’t trapped inside an iframe — the widget is not iframed, but the same-tab convention is the polite default.
A visible attribution line — “Embedded health check by Foothold” — links back to foothold.community. We trade the widget for the link; you trade the link for a useful tool that converts your traffic.

Specs

Size: ~14 KB unminified, ~3.5 KB gzipped over the wire
Dependencies: None. Vanilla JavaScript. Works without jQuery, React, build pipelines, or polyfills (modern browsers, ES5+)
Style isolation: Renders inside a Shadow DOM root. Your site’s CSS cannot accidentally restyle the widget; the widget cannot leak styles into your site
Network calls: Zero after the script load. Answers, scoring, and result rendering all happen in the visitor’s browser
Tracking: None. No analytics pixel, no fingerprinting, no cookie
Accessibility: Native <form>, <fieldset>, <legend>, <label> markup; result block has role="status" and aria-live="polite"
Mobile: Responsive at any width down to 320 px. Card max-width is 560 px on desktop, fluid below
License: Free to embed on any site. The widget code is served from foothold.community/embed.js — please don’t self-host a copy; we ship occasional bug fixes

Who this is for

The natural fit:

Community operators publishing about their own playbook. If you run a paid Slack community and write about onboarding, drop the widget at the bottom of your post — your readers can self-diagnose without leaving the page.
Community-management consultancies and coaches. Drop it on your services page. Visitors who score low are exactly your prospect; visitors who score high are case-study material.
Tooling-comparison and operator-blog sites. If you’re writing about Slack-onboarding tooling, the widget gives readers a quantitative entry point into the topic before they dig into vendor names.
Agency sales pages. A short interactive that earns email signups by being useful, not by gating anything.

If you don’t serve the operator of a paid Slack community in the 200–2,000-member range, the questions won’t resonate with your audience and the embed won’t earn its place. Use the full check as a reference for the audience this is built for.

Customisation

The current build is intentionally rigid — a fixed three-question shape, fixed brand colours, no JavaScript API for changing copy. The reason: a widget with a hundred config knobs becomes a different widget on every site, which kills the diagnostic comparability that makes scoring meaningful.

If you have a real customisation need (a colour-scheme dark variant, a sidebar-narrow mode, a different CTA target for partner programmes), email hello@foothold.community with the use case. We’ll either ship the change or explain why we won’t.

Two related surfaces

The full Onboarding Health Check — five questions, 0–50 score, four tiers, a top-three-fix recommendation engine. The widget here is a strict subset; the full version covers volume context and the day-3 nudge that the embed leaves out.
How to diagnose your week-one drop-off in 30 minutes — three Slack-API queries to get the headline number visitors are scoring themselves against. Pair this post with the embed if you want readers to verify their own answer to question 1 of the check.
The 6-step paid-community onboarding playbook — what the high-scoring tier actually does. The widget identifies the gap; this post is the prescription.

About Foothold

Foothold is an onboarding copilot for paid Slack communities. We install in one click and run a three-touch flow on every new join (day-0 DM, day-3 conditional nudge, day-7 scorecard email) so every member gets the same first-week experience your best ambassador used to deliver. Read more about the product →