Embeddable Leaderboard

You can now embed your waitlist leaderboard on any website, independently from your sign-up form. Drop it into landing pages, blog posts, community sites, or anywhere you want to showcase top referrers and drive engagement around your referral program.

What's New

Embed Anywhere

Add a single script tag and a div container to display your leaderboard on any website.

<script src="https://waitlister.me/js/embed-leaderboard.js" defer></script>

<div 
  class="waitlister-leaderboard" 
  data-waitlist-key="YOUR-WAITLIST-KEY"
></div>

No dashboard editor required. The leaderboard fetches live data, resizes itself to fit its content, and auto-refreshes every few minutes.

25+ Customization Options

Style the leaderboard entirely through data-* attributes on the container div. Full control over:

• Data — number of positions shown, metric type (referrals or points)
• Layout — alignment, padding, max-width
• Title — text, color, size, weight, font family, or hide entirely
• Body — text color, font family, font size
• Container — background color, border color, width, and radius
• Rows — alternating backgrounds, custom row colors
• Position badge — accent color and shape (circle, rounded, or square)
• Labels — override column headers and empty-state text in any language
• Behavior — refresh interval, language

Dark Theme Ready

Every color is customizable, so the leaderboard can match any design — from minimal light themes to bold dark modes.

<div 
  class="waitlister-leaderboard"
  data-waitlist-key="YOUR-WAITLIST-KEY"
  data-bg-color="#0f172a"
  data-text-color="#e5e7eb"
  data-title-color="#ffffff"
  data-border-color="#1e293b"
  data-accent-color="#3b82f6"
  data-badge-shape="rounded"
  data-border-radius="16"
></div>

Use Cases

Requirements

The leaderboard embed is available on paid plans, starting from the Launch plan.

Documentation

See the full list of customization options and examples in the Leaderboard Embed documentation.