Skip to Content
Quickstart

Quickstart

Start monetizing your application in 10 minutes. Follow step-by-step instructions for quick integration.

Check out our guides

SDK 3.0 — SaaS WebSDK 3.0 — Chrome ExtensionSDK 3.0 — Headless / Server

Bundled npm package, Shadow DOM modal, headless mode for backends. Pick the channel that fits — full step-by-step guides per channel are in the SDK v3 Quickstart.

Step 1: Create a paywall

In the dashboard → Paywalls → New Paywall. Configure plans and payment processor.

Step 2: Install the SDK

pnpm add @monetize.software/sdk

Step 3: Open the paywall (web / SPA)

import { PaywallUI } from '@monetize.software/sdk/ui';
 
const paywall = new PaywallUI({
  paywallId: '3',
  apiOrigin: 'https://YOUR_DOMAIN',
  auth: true // built-in email / OTP / OAuth login
});
 
document.getElementById('upgrade')!
  .addEventListener('click', () => paywall.open());
 
paywall.on('purchase_completed', () => unlockPremium());

Step 4: Pick your channel guide

Web / SPA — full guideChrome Extension (MV3)Headless / Server-side

SDK v2 (legacy)

Script-tag SDK with three integration modes — Client-Side (ready UI), Server-Side (custom backend), and Hybrid. Full step-by-step guides per mode are in the SDK v2 Quickstart.

Client-Side SDKServer-Side SDKHybrid Mode

Need help? Join our Telegram community  or contact support.

IntroductionOverview