Skip to main content
The tier selector is the only iframe Revinel ships, a self-contained “Subscribe to advertise” widget that lets visitors pick a plan and pay through Stripe. Use it inline, as a popup, or via a no-code script. The Install page in your dashboard generates a ready-to-paste snippet with your real workspace ID and a live preview. Pick the format below that fits your stack.

​
Three ways to embed

For a bundled, typed integration, use @revinel/browser (vanilla) or @revinel/react (React components). Both wrap the same iframe with a friendlier API.

​
No-code script

Drop in the hosted script and mark any element to open the popup:
The script also exposes window.Revinel.init({ workspaceId, container }) to mount inline and window.Revinel.open({ workspaceId }) to open the popup.

​
Theming

The selector takes a theme of auto, light, or dark. auto (the default) matches the host page’s color scheme. Set it on the embed snippet or pass it to the SDK.

​
Events

When you embed with the script or an SDK, the selector emits events you can hook into:
  • onReady fires once the selector has loaded and rendered.
  • onCheckout fires when the visitor starts checkout, just before the redirect to Stripe. It carries the tierPriceId they chose.
  • onError fires if tiers fail to load or checkout cannot start.
There is no “completed” event. Checkout redirects the top window to Stripe, so the embed is gone by the time payment finishes. The resulting subscription is delivered to your account by webhook, and the new ad shows up in your review queue. See @revinel/browser for the full options table and the popup-only onClose event.