Embed cards
A card for your own site with what your project's or each token's fees became as AI credit, live from relayfor.si.
An embed card puts your project, or each of its tokens, on your own site: the AI credit its fees became, what its AI spent and how its fees split. The card links to its page on relayfor.si and tells your visitors who handles the fees-to-AI work.
novalabs.funnovalabs
- AI credit
- $1,240
- AI spent
- $862.40
- Payouts
- 31
Fee strategyStandard
AI60%Creator20%Project20%
Get the code
On the dashboard, open your project's Overview and scroll to Embed card:
- Pick Project, or Token for the card on your token pages.
- Pick an accent and a ground. The preview is the card your visitors see.
- Copy the code, in HTML or React, and paste it where the card goes.
Two cards
| Card | Address | What it shows |
|---|---|---|
| Project | /embed/project/<project id> | Its links and tokens, AI credit, AI spent, payouts and its fee strategy |
| Token | /embed/token/<mint> | Its project and pair, AI credit, AI spent, what was paid out and its split |
Splits are in your project's own 100%, as on the dashboard. A project's card adds up every token launched or imported through it. The token a project names as its own, made elsewhere, has no card.
A card on every token page
Set the token card up once, before any token is live: put it in your token page and let your code fill in each token's mint. Until your first token launches, the dashboard previews a new token split by your fee strategy.
<iframe
src="https://relayfor.si/embed/token/{mint}"
title="This token's AI credit on relayfor.si"
width="100%"
height="300"
loading="lazy"
style="max-width:480px;border:0;border-radius:12px;overflow:hidden"
></iframe>The project card is the same code with its own address, https://relayfor.si/embed/project/<project id>.
Looks
Add accent and ground to the card's address, such as ?accent=violet&ground=light. Leave both out for relayfor.si's own look: green on dark.
| Parameter | Values |
|---|---|
accent | green (default), blue, violet, amber, rose |
ground | dark (default), light, auto |
auto follows each visitor's light or dark setting. The relayfor.si mark keeps its green on every look.
On your page
- Every card is 300 px tall and fits any width up to 480 px. Below 300 px wide, Helios steps aside so the words keep their room.
- The figures refresh within 5 minutes, as the proof pages do.
- The card runs no script and sets no cookie: plain HTML and CSS, light on any page.