Back to home

Rank Badge Widget

Showcase your BD SaaS Zone ranking on your personal website, portfolio, or product landing page.

Large
1st place
on BD SaaS Zone
Small2nd on BD SaaS Zone
1

Add the Script

Paste this script tag once in your website's <head> or before the closing </body> tag.

<script src="https://cdn.jsdelivr.net/gh/dishan1223/bdsaaszone-badge-widget@latest/embed.js" defer></script>
You only need to add this script once per page, even if you display multiple badges.
2

Find Your Slug

The widget needs your unique identifier (slug). You can find this in your startup's URL on BD SaaS Zone.

bdsaaszone.site/startups/your-startup-name
Your Slug

* Slug is usually the lowercase version of your startup name with hyphens.

3

Add the Widget

Place the <bds-rank-badge> tag wherever you want the badge to appear.

Large Badge (Best for Footer/About)
<bds-rank-badge slug="YOUR_SLUG" size="large"></bds-rank-badge>
Small Badge (Best for Navbar/Sidebar)
<bds-rank-badge slug="YOUR_SLUG" size="small"></bds-rank-badge>

Full HTML Example

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>My Startup</title>
    <!-- 1. Include the Script -->
    <script src="https://cdn.jsdelivr.net/gh/dishan1223/bdsaaszone-badge-widget@latest/embed.js" defer></script>
</head>
<body>
    <header>
        <h1>Welcome to My Startup</h1>
    </header>

    <main>
        <p>We are building the future.</p>
        
        <!-- 2. Place the Badge -->
        <div style="margin-top: 20px;">
            <bds-rank-badge slug="your-startup-name" size="large"></bds-rank-badge>
        </div>
    </main>
</body>
</html>