Free Embeddable Widgets

Add these free interactive widgets to your blog or website to provide immediate value to your readers.

1. Downtime Cost Calculator

Help your readers calculate the true cost of website outages based on their annual revenue.

Live Preview

How to embed

Simply copy and paste this HTML code into your website builder, WordPress post, or React app. The widget is fully responsive and lightweight.

HTML 
<iframe 
  src="https://web-alert.io/widgets/downtime-calculator.html" 
  width="100%" 
  height="350" 
  frameborder="0" 
  scrolling="no"
  style="max-width: 350px; border-radius: 12px;">
</iframe>

2. Free SSL Checker

Allow your visitors to quickly verify if their website's SSL certificate is valid and active.

Live Preview

How to embed

Copy and paste this HTML snippet to add the SSL checker to your site.

HTML 
<iframe 
  src="https://web-alert.io/widgets/ssl-checker.html" 
  width="100%" 
  height="250" 
  frameborder="0" 
  scrolling="no"
  style="max-width: 350px; border-radius: 12px;">
</iframe>

3. Security Headers Grade Badge

Let visitors scan any site for HSTS, CSP, and other security headers — and show a live A+ to F grade that links back to the full report.

Live Preview

How to embed

Copy and paste this HTML snippet. Prefill a domain with ?domain=example.com for a fixed badge.

HTML 
<iframe
  src="https://web-alert.io/widgets/security-headers-badge.html?domain=example.com"
  width="100%"
  height="280"
  frameborder="0"
  scrolling="no"
  style="max-width: 350px; border-radius: 12px;">
</iframe>

Or send readers to the full tool: /security-headers-checker

4. Redirect Chain Checker Badge

Let visitors trace any URL's 301/302/307/308 redirect chain live — with hop count, final destination, and loop detection that links back to the full report.

Live Preview

How to embed

Copy and paste this HTML snippet. Prefill a URL with ?domain=example.com for a fixed badge.

HTML 
<iframe
  src="https://web-alert.io/widgets/redirect-badge.html?domain=example.com"
  width="100%"
  height="320"
  frameborder="0"
  scrolling="no"
  style="max-width: 350px; border-radius: 12px;">
</iframe>

Or send readers to the full tool: /redirect-checker

Why use these widgets?