Embed Serey plans on your site

Quick start

Paste this anywhere in your HTML. Replace YOUR_CODE with your referral code from Embed & Earn.

<script async src="https://serey.io/embed.js" data-ref="YOUR_CODE"></script>

That is the whole integration. Plans, pricing and checkout stay up to date on their own, so you never have to touch the snippet again.

Options

All optional except the first.

<script async src="https://serey.io/embed.js"
        data-ref="YOUR_CODE"
        data-plan-type="premium_hub"
        data-container="#pricing"></script>

How it works

1. The script inserts a sandboxed <iframe> served from serey.io and sizes it to its content automatically. Your page's CSS and ours cannot affect each other.
2. A visitor picks a plan and creates a Serey account inside the widget: email, verification code, password. Your page never navigates away.
3. The card step opens in a Stripe popup window. This is required. Stripe Checkout refuses to render inside an iframe, on any site.
4. The widget polls for the result and switches to a confirmation state in place. The popup closes itself.

Commission

Every sale through your widget is credited to your Serey referral balance at the standard rate: 20% on people you refer directly, and 5% on the second level. It uses the same balance and the same payout process as an ordinary referral link, so there is nothing separate to set up.

Attribution is recorded when the visitor signs up, so it still counts if they come back later to buy. Track it under Embed & Earn.

Build your own UI

If you'd rather design the pricing section yourself, the same catalogue is available as public JSON. No API key, no authentication.

GET https://global-api.serey.io/api/v2/embed/plans?ref=YOUR_CODE

{
  "status": true,
  "plans": [
    {
      "id": 13,
      "name": "International Homepage - 1 Month",
      "price": 12.99,
      "duration": 1,
      "duration_type": "month",
      "description": "Landing Page and Serey Link",
      "plan_type": "homepage",
      "region": "international"
    }
  ],
  "referral_code": "ABC12345",
  "ref_valid": true,
  "referrer_display_name": "Dara"
}

Check ref_valid before you use the code. If it comes back false the code was not recognised, so send buyers to https://serey.io/social-media-owners without it rather than failing. Otherwise link each plan to https://serey.io/social-media-owners?ref=YOUR_CODE to keep attribution.

Requirements

• Popups must be allowed. The Stripe window opens from the visitor's own click, so browsers permit it by default. If a popup blocker does catch it, the widget falls back to a new tab and your page still stays put.
• If your site sets a Content-Security-Policy, allow serey.io in script-src and frame-src.
• No build step, no dependencies. Works in plain HTML, WordPress, Webflow, React or Vue, anywhere you can paste a script tag.