Documentation Index
Fetch the complete documentation index at: https://docs.barker.money/llms.txt
Use this file to discover all available pages before exploring further.
The fastest way to ship Barker yield in your app: one line of HTML.
Basic integration
<iframe
src="https://barker.money/embed/your-product-slug"
width="100%"
height="640"
frameborder="0"
allow="clipboard-write"
></iframe>
The your-product-slug is shown in Portal → Products for each engine you have deployed.
Theme via portal (recommended)
Configure once in Portal → Theme, applies to all your embeds:
| Token | Effect |
|---|
primary | Buttons, links, focus rings |
accent | Secondary highlights |
radius | Border radius scale |
font | Font family |
logo | Replaces the default brand mark |
cta (multi-language) | Custom call-to-action copy |
Tokens are injected as CSS variables (--partner-primary, --partner-radius, …) into the embed root. The widget’s Tailwind theme reads these variables with sensible fallbacks — no inline styles needed.
URL parameters (legacy override)
For one-off testing or partners that haven’t moved to portal-based theming yet, you can override per-render via query params:
| Param | Example | Notes |
|---|
primaryColor | ?primaryColor=%23FF6600 | Hex (URL-encode #) |
lang | ?lang=zh | en / zh / zh-TW / ja / ko / uk |
hideFooter | ?hideFooter=1 | Hide Barker attribution |
Portal-configured theme always takes precedence over URL params for the same token.
Sizing
The widget is responsive but has a recommended minimum:
| Device | Min width | Min height |
|---|
| Desktop | 380px | 560px |
| Mobile | 320px | 600px |
For mobile-first apps, render the iframe at 100vw × 100vh - <your-chrome>.
Production checklist