What is ParityEdge and what does it do?

ParityEdge is a sub-10ms edge Purchasing Power Parity (PPP) localization platform and developer SDK. It converts global SaaS pricing into regional discounts across 190+ countries, injects coupons into Stripe and Lemon Squeezy checkouts, and renders isolated Shadow DOM banners with near-zero layout shift (<0.01 CLS).

How do I install the parityedge npm package?

You can install the official parityedge package via npm by running `npm install parityedge` (or `pnpm add parityedge`, `yarn add parityedge`). It has zero third-party runtime dependencies and is under 3 kB gzipped.

How does ParityEdge prevent VPN abuse on discounted pricing?

ParityEdge inspects incoming Autonomous System Numbers (ASNs) at the edge against a comprehensive threat database of 500+ commercial datacenter and proxy providers (such as AWS, Google Cloud, DigitalOcean, Hetzner). Datacenter and VPN visitors are automatically served standard base pricing to stop geographic arbitrage.

How do I use ParityEdge with React and Next.js 15?

After installing `parityedge`, import the React hook and banner component: `import { useParityEdge, ParityBanner } from "parityedge/react";`. It provides zero-flicker SSR hydration and automatic price mutation.

How do I install ParityEdge on Webflow or Framer?

Paste the parity.global.js script into your site custom code header settings. The Shadow DOM banner and price mutation will load automatically without writing custom JavaScript.

Does ParityEdge conflict with Shopify native currency switchers?

No. ParityEdge operates harmoniously with Shopify Markets and multi-currency themes, automatically mutating checkout URLs with purchasing power discount codes.

Will adding ParityEdge to a no-code website slow down Google Lighthouse scores?

No. The client SDK bundle is under 3 kB gzipped with zero external dependencies and runs asynchronously from Anycast edge nodes.

No-Code & CMS Platforms

Webflow, Framer, Shopify & Ghost Integration

Q: How do I install the parityedge npm package?

You can install the official parityedge package via npm by running `npm install parityedge` (or `pnpm add parityedge`, `yarn add parityedge`). It has zero third-party runtime dependencies and is under 3 kB gzipped.

Q: How does ParityEdge prevent VPN abuse on discounted pricing?

ParityEdge inspects incoming Autonomous System Numbers (ASNs) at the edge against a comprehensive threat database of 500+ commercial datacenter and proxy providers (such as AWS, Google Cloud, DigitalOcean, Hetzner). Datacenter and VPN visitors are automatically served standard base pricing to stop geographic arbitrage.

Q: How do I use ParityEdge with React and Next.js 15?

After installing `parityedge`, import the React hook and banner component: `import { useParityEdge, ParityBanner } from "parityedge/react";`. It provides zero-flicker SSR hydration and automatic price mutation.

Embed localized purchasing power parity banners and automatic Stripe / Lemon Squeezy checkout link discounts on any no-code landing page in under 60 seconds.

Webflow Integration

1. Open your Webflow Project Settings → Custom Code.

2. Paste the following snippet into the Head Code box:

<script
  src="https://api.parityedge.app/v1/parity.global.js"
  data-project-id="prj_live_YOUR_KEY"
  data-position="bottom-pill"
  data-theme="dark"
  async>
</script>

In the Webflow Designer, select your price text element and add a custom HTML attribute: Name: data-parity-base | Value: 49. ParityEdge will automatically update the displayed price and mutate any button links pointing to Stripe or Lemon Squeezy.

Framer Integration

In Framer, navigate to Site Settings → General → Custom Code → Head and paste the ParityEdge runtime script with your data-project-id.

Shopify Liquid Storefront

In your Shopify Admin, go to Online Store → Themes → Edit Code. Open layout/theme.liquid and add the script before </head>:

<!-- In layout/theme.liquid before </head> -->
<script
  src="https://api.parityedge.app/v1/parity.global.js"
  data-project-id="prj_live_YOUR_KEY"
  data-position="bottom-pill"
  data-theme="dark"
  async>
</script>

<!-- In your product.liquid template -->
<!-- IMPORTANT: Shopify stores prices in cents (e.g. 4900 = $49.00).        -->
<!-- Divide by 100 so data-parity-base receives the dollar amount ($49.00). -->
<span data-parity-base="{{ product.price | divided_by: 100.0 }}">
  {{ product.price | money }}
</span>

Important: Shopify's product.price is in cents (e.g. 4900 for $49.00). Always use | divided_by: 100.0 to convert to dollars before passing to data-parity-base. Using | money_without_currency directly will cause the SDK to calculate discounts on the raw cents value, producing prices 100× too high.

Ghost CMS Integration

In Ghost Admin, navigate to Settings → Code Injection → Site Header and paste the runtime snippet. ParityEdge will inject the dynamic discount pill on your membership and checkout pages.

No-Code Production Architecture Highlights

Automatic Stripe URL Mutation

Buttons pointing to buy.stripe.com or Lemon Squeezy checkouts automatically receive ?prefilled_promo_code=... query parameters without writing custom JavaScript.

Sub-3 kB Footprint

Ultra-lightweight zero-dependency Web Component bundle ensures perfect 100/100 Lighthouse performance across all mobile devices.

Related Tools & Integration Guides

PPP Pricing Calculator →HTML / Vanilla JS Guide →Stripe Checkout Integration →

Next: Stripe & Lemon Squeezy Auto-Injection

Learn how automated coupon URL mutation works under the hood.

Payment Links Guide