Add a sticky call-to-action bar
Keep the main call-to-action visible while a visitor scrolls the page.
The sticky section of POST /api/admin/bg/ui adds a thin bar with its own button that stays
pinned to the screen while the visitor scrolls the rest of the page — useful when the page is
tall (a long button list, a canvas layout, or a teaser stack) and the primary CTA would otherwise
scroll out of view.
Set it up
curl -X POST "https://app.tease.link/api/admin/bg/ui?domain=links.creator.com" \
-H "Authorization: Bearer $TEASE_API_KEY" \
-H "Content-Type: application/json" \
-d '{
"sticky": {
"text": "Unlock everything",
"subtext": "50% off today",
"url": "https://onlyfans.com/creator",
"appear": "scroll",
"after": 30,
"bar": { "color": "#141414", "opacity": 92, "blur": 8 },
"btn": { "shape": "pill", "fill": "solid", "color": "#e0426e", "hover": "glow" }
}
}'A non-empty text is required for the bar to actually show — enabled is implied by having
text, not a separate switch you flip.
| Key | Meaning |
|---|---|
text, subtext | Main line (≤40 chars) and a smaller line under it (≤60 chars) |
url | Where the bar's button goes (http(s) required) |
accent, fg | Legacy button color / text color — superseded by btn.color/btn.text_color below when both are set |
appear | now (default) or scroll — only show after scrolling |
after | 0–100, percent scrolled before the bar appears when appear: "scroll" |
bar.color, .opacity, .blur | Bar background color, opacity 0–100, backdrop blur 0–20 |
hide_on_popup | Hide the bar while an exit popup is showing |
btn | The bar's own button style — shape, fill, color, shadow_color, text_color, animation, anim_speed, hover, font, text_size, pad_y, w (40–100% bar width) |
btn.color wins over accent/fg
Once btn.color (or btn.text_color) is set, the legacy accent/fg keys are ignored for the
button — only the bar background itself still reads accent/fg if you rely on those. Set
colors through btn.* going forward.
Remove the bar with { "sticky": null }.
Confirm it worked
ui.sticky in the response should carry your text and settings. On the published page, scroll
down (or immediately, if appear is now) — the bar should stick to its edge of the screen and
its button should link to url.
What's next
- Control when an element or background appears — the same
appear/afteridea, generalized to any element - Build a teaser card stack/carousel
- Back to Landing-page builder