Website builder
Look for Embed, HTML, Custom code, or Code injection. Some platforms reserve code injection for paid plans.
Website widgets
Put your support button where your community already is.
Add a link, a floating button, or a support panel to your website. Visitors click through to your Supper page for sign-in, support, membership, shop, and checkout.
1Choose a format
2Copy the HTML
3Paste it into your site
yourwebsite.com
Support me on Supper
Preview of the link visitors will see on your site
Build your link
Choose how Supper appears
Both options send visitors to the same Supper page. The floating button is useful site-wide; the panel works in a sidebar, footer, or dedicated support section.
Open Supper in a new tab
Keep visitors on your site.
Where to paste it
Use an HTML block, custom-code field, or footer/code-injection area in your site builder. The floating button belongs near the end of your site's body; the panel can go wherever you want support to appear.
Your HTML
Replace the handle above to personalize the destination.
<a
href="https://supper.support/YOUR_HANDLE" target="_blank" rel="noopener noreferrer"
aria-label="Support me on Supper"
style="position:fixed;right:24px;bottom:24px;z-index:9999;display:inline-flex;align-items:center;gap:8px;border-radius:999px;background:#1f2937;color:#fff;padding:12px 18px;font:600 14px/1.2 system-ui,sans-serif;text-decoration:none;box-shadow:0 10px 24px rgba(31,41,55,.22);"
>
Support me on Supper
</a>Self-hosted site
Paste the floating button near the end of your HTML body, or place the panel in the section where you want it to appear.
No HTML access
Use a normal link to your Supper page in your navigation, profile, newsletter, or link-in-bio page.
What the link does
Supper stays responsible for the creator page, identity, support choices, moderation, and checkout. Your website only displays the link or panel, so it does not handle payment details or private supporter information.