Integration Guide
HTML Script Tag (Vanilla JS / Webflow / Framer)
Embed the zero-dependency script tag on any website, CMS, or landing page builder. Less than 2.5 KB gzipped, zero layout shift (0-CLS), and instant global edge resolution.
Zero-CLS Shadow DOM Banner Injection
Isolated Open Shadow RootZero CSS collisions • 100% Responsive
1. Basic Script Tag
Paste this script tag before the closing </body> or in the <head> of your website:
<!-- Option A: Global jsDelivr CDN -->
<script
src="https://cdn.jsdelivr.net/npm/parityedge@1.0.0/dist/parity.global.js"
data-project-id="prj_live_YOUR_KEY"
data-position="bottom-pill"
data-theme="dark"
async>
</script>
<!-- Option B: Direct Cloudflare Edge Gateway -->
<script
src="https://parityedge-edge-api.g-saichakri.workers.dev/v1/parity.global.js"
data-project-id="prj_live_YOUR_KEY"
async>
</script>2. HTML Attributes Reference
| Attribute | Target Element | Description |
|---|---|---|
| data-project-id | <script> | Your public project authentication key (prj_live_...). |
| data-position | <script> | Banner placement: bottom-pill, top-bar, or modal. |
| data-theme | <script> | Color theme: dark, light, or glassmorphic. |
| data-parity-base | Any price element | Base price in USD. Automatically recalculated when a parity discount applies (e.g. 49 → 24.50). |
3. Automatic Stripe & Lemon Squeezy Promo Code Injection
Any checkout links matching Stripe Payment Links (buy.stripe.com) or Lemon Squeezy (lemonsqueezy.com/checkout) are automatically updated with prefilled discount codes.
<!-- Transformed automatically to: https://buy.stripe.com/abc?prefilled_promo_code=PARITY_50 -->
<a href="https://buy.stripe.com/abc">Purchase License</a>