Skip to main content
WP HealthKit
Embeddable Widgets

Show your security grade anywhere

Drop a single <script> tag on your plugin's readme page, marketing site, or GitHub repository to display a live WP HealthKit security grade badge.

No authentication required
Shadow DOM — zero style conflicts
1-hour client-side cache
~3 KB, no dependencies
CORS & caching: The embed fetches from https://wphealthkit.com/api/v1/directory/YOUR-PLUGIN-SLUG — no API key or login needed. Results are cached in localStorage for one hour per plugin slug to avoid redundant requests on every page load.

Badge

A compact inline badge — perfect for a plugin readme, sidebar, or footer. Fits anywhere text fits.

Light

<script src="https://wphealthkit.com/embed.js" data-plugin="YOUR-PLUGIN-SLUG" data-style="badge" data-theme="light"></script>

Dark

<script src="https://wphealthkit.com/embed.js" data-plugin="YOUR-PLUGIN-SLUG" data-style="badge" data-theme="dark"></script>

Card

A small card showing the overall grade, coding standards score, and findings count. Good for plugin marketing pages.

Light

UpdraftPlusA
84/100
Standards
3
Findings
View full report on WP HealthKit →
<script src="https://wphealthkit.com/embed.js" data-plugin="YOUR-PLUGIN-SLUG" data-style="card" data-theme="light"></script>

Dark

UpdraftPlusA
84/100
Standards
3
Findings
View full report on WP HealthKit →
<script src="https://wphealthkit.com/embed.js" data-plugin="YOUR-PLUGIN-SLUG" data-style="card" data-theme="dark"></script>

Full Widget

The full widget includes plugin name, version, grade, and per-dimension score bars for Security, Standards, Quality, and Compatibility.

Light

UpdraftPlus
v2.24.3
A
Security
A
Standards
B
Quality
A
Compatibility
A
Full report →
<script src="https://wphealthkit.com/embed.js" data-plugin="YOUR-PLUGIN-SLUG" data-style="widget" data-theme="light"></script>

Dark

UpdraftPlus
v2.24.3
A
Security
A
Standards
B
Quality
A
Compatibility
A
Full report →
<script src="https://wphealthkit.com/embed.js" data-plugin="YOUR-PLUGIN-SLUG" data-style="widget" data-theme="dark"></script>

How it works

  1. 1

    Find your plugin slug

    Your plugin slug is the WordPress.org directory slug — for example, the slug for UpdraftPlus is updraftplus. You can also find it in your WP HealthKit directory listing URL.

  2. 2

    Copy the embed code

    Pick the style (badge, card, or widget) and theme (light or dark) that match your site. Paste the script tag anywhere in your HTML — it self-initialises.

  3. 3

    The widget appears automatically

    On page load the script fetches your plugin's latest audit data from the WP HealthKit public API, renders the widget using Shadow DOM so your site's CSS cannot interfere, and caches the result for one hour.

  4. 4

    Grade updates automatically

    Every time your plugin is re-audited on WP HealthKit the grade updates. The next visitor after the one-hour cache expires will see the freshest data.

Get your plugin's security grade

Run a free audit on WP HealthKit — then come back here and embed your grade.

Embeddable Security Widgets | WP HealthKit