Widget & campaign
Display modes: Inline Bar, Edge Ribbon, Custom Trigger
When to use each mode, and what changes (and doesn't) when you switch.
Display mode is set in the dashboard on the Appearance tab. The embed snippet is identical for all three modes — switching mode does not require any code change on your site.
Inline Bar
A pill-rounded bar that takes 100% of its parent container’s width. Pleasant default for pricing pages; the bar nests right above the pricing grid.
Edge Ribbon
A sticky tab pinned to one viewport edge. Always visible. Good for landing pages or sites where the pricing table isn’t a focal point. Pick from Top, Right, Bottom, or Left.
Custom Trigger (SDK)
No teaser is rendered. You wire your own button (or anything clickable) to window.ShareCount.open(). See the Custom Trigger guide for the full SDK reference and React examples.
What stays the same across modes
- Brand color, accent color, font, logo and copy.
- The dialog itself — every mode opens the same share-to-earn flow.
- The embed snippet and your public key.
Pick later, switch anytime
The mode reads at runtime per public key. If you change it in the dashboard, every embed updates within seconds — no redeploy on your end.