# Customize your UsefulShelf badge

> Choose a UsefulShelf badge for your light or dark website. Preview each style and copy HTML, React, or a coding-agent prompt.

Canonical: https://usefulshelf.co/badges

Choose a style, preview it on your website, and copy the code.

## Choose your listing

Your badge links directly to your app's UsefulShelf page. Explore the styles below. Sign in to get code for your own listing.

[Sign in to choose a listing](https://usefulshelf.co/login?next=/badges)

## Make it yours

Pick a finish, check both backgrounds, then copy your code. Lime is bright on light or dark sites. Light is quiet and clean. A text alternative is also available. Copy HTML, React, or a coding-agent prompt from the badge customizer.

## Add it to your website

All listing plans can use the badge. "Featured on UsefulShelf" does not mean paid placement.

1. Paste your code. Put the badge in your website's footer on the page you submitted. Keep its link unchanged.
2. Deploy your website. Keep the badge visible to everyone and included in the HTML your server sends.
3. Verify from My tools. Free with badge listings go live after review approval and a successful badge check. You can change styles later.

## Badge requirements for free listings

Keep the badge or text credit visible on your submitted page while using the free badge option. You may add nofollow, sponsored or ugc to the badge link; verification checks its destination and visibility, not ranking credit. UsefulShelfBot runs daily automated checks. A missing badge makes this listing private without advance warning until restored and verified. You can instead choose a free listing without a badge or Featured for $9 once. Featured requires confirmed payment. Featured and badge-verified free listings use dofollow website links; free listings without a badge use nofollow.

Existing "Listed on" badges still work. [How badge checks work](https://usefulshelf.co/bot)