Chapter 5.8 • No-Code & CMS
Webflow, Framer, Shopify & Ghost (No-Code Integration)
Embed parity pricing and automatic Stripe / Lemon Squeezy checkout link discounts on any no-code landing page without writing code.
1. Webflow 1-Click Embed
1. Open your Webflow Project Settings → Custom Code.
2. Paste the following snippet into the Head Code box:
<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>3. 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.
2. Framer Integration
In Framer, navigate to Site Settings → General → Custom Code → Head and paste the ParityEdge runtime script with your data-project-id.
3. 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 theme.liquid -->
<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>
<!-- In product template -->
<span data-parity-base="{{ product.price | money_without_currency }}">
{{ product.price | money }}
</span>Next: Stripe & Lemon Squeezy Auto-Injection
Learn how automated coupon URL mutation works under the hood.