Show the world you're listed on Learnlists.
Add the official Learnlists badge to your website and help visitors discover your listing with verified community credibility.
Embed Generator
Customize and generate your embed code
Select your listing on Learnlists, choose your preferred format and theme, and copy the embed code into your site's markup.
Clickable preview · Redirects to verified listing
Design Variants
Available badge styles
Every badge is hand-crafted with crisp typography, balanced margins, and sharp rendering on high-DPI displays.
Standard Horizontal (Dark)
230 × 54 px · Recommended for dark mode sites & footers
Standard Horizontal (Light)
230 × 54 px · Designed for light backgrounds with soft elevation
Compact Badge (Dark)
170 × 40 px · Ideal for sidebars, navbars, and compact footers
Compact Badge (Light)
170 × 40 px · Clean contrast on light backgrounds
How It Works
Add the badge in 3 simple steps
No external dependencies, tracking scripts, or build steps required.
Choose your badge style
Select Standard or Compact format, and Dark or Light theme based on your site's aesthetic.
Copy the embed snippet
The generator automatically crafts valid HTML with your resource canonical URL and referral parameters.
Paste into your HTML
Paste the snippet anywhere in your website's template, footer, hero, or documentation.
Not listed on Learnlists yet?
Official badges are reserved for vetted learning platforms, interactive tutorials, code sandboxes, and educational resources approved by our editorial team. Submitting your resource is free and takes under two minutes.
FAQ
Frequently asked questions
Everything you need to know about using the official Learnlists badge.
Who can use the Learnlists badge?
Any website creator, developer, educator, or organization whose tool, course, or platform has been reviewed, approved, and listed on Learnlists is entitled to display the official badge.
Where does the badge link?
The badge links directly to your resource's canonical detail page on Learnlists (for example, https://learnlists.com/resource/your-tool/). It includes lightweight referral parameters (utm_source=badge) so visits can be attributed in analytics.
Is the badge free to use?
Yes, 100% free. Learnlists is an open directory created to highlight the internet's best learning platforms. There are no fees, licensing costs, or subscriptions required to use the badge.
Can I use the badge on a website built with a website builder?
Yes! Because the badge is delivered as standard, clean HTML with an image tag, it works seamlessly with Next.js, Astro, Remix, WordPress, Webflow, Framer, Wix, Squarespace, Ghost, Docusaurus, or static HTML. Simply paste the snippet into any custom HTML or embed block.
Will the badge affect my site's page speed or performance?
Not at all. The badge is a vector SVG weighing under 1.5 KB, served from Cloudflare's high-speed global edge network. It requires zero JavaScript, does not block rendering, and includes loading="lazy" by default.
What happens if a resource is unpublished or removed?
If a resource is ever unpublished or removed by our curators, its canonical detail page will return a standard 404 or redirect. Additionally, our dynamic badge endpoint reflects real-time status and marks unverified listings accordingly.
Can I use the "Featured on Learnlists" badge?
The "Featured on Learnlists" badge is specifically reserved for resources that have received editorial distinction or Site of the Day honors from Learnlists. General listings should use the standard "Listed on Learnlists" badge.
