Affiliateo, inside your product

6 components your users never leave your app for. Style them with 32 tokens so they look like something you built.

Preset
Element
Colors
Size and shape
Font
Preview
Your referral link
yourapp.com/?ref=alex
1,284
Clicks
37
Sales
$412.60
Earned

Real element markup and stylesheet with sample data. A live element needs a session for a real affiliate, so this page renders it directly instead of framing one.

Your integration
// Your backend, using your secret key
const res = await fetch(
  "https://affiliateo.com/api/v1/businesses/YOUR_BUSINESS/apps/YOUR_APP/affiliates/embed-session",
  {
    method: "POST",
    headers: {
      Authorization: "Bearer afk_live_...",
      "Content-Type": "application/json",
    },
    body: JSON.stringify({
      email: affiliateEmail,
      components: ["affiliate"],
      allowed_origins: ["https://app.example.com"]
    }),
  }
)
const { client_secret } = await res.json()

// Your page
<script src="https://affiliateo.com/embed.js"></script>
<script>
  Affiliateo.init({
    fetchClientSecret: () => getSecretFromYourBackend(),
  }).mount("affiliate", "#affiliateo")
</script>

Elements fill the width you give them, so the same code works on a desktop page, a phone browser, and inside a native iOS or Android app.