Stripe Pricing Table
Track referrals when a visitor chooses a subscription from an embedded Stripe Pricing Table.
Embed the pricing table from Stripe
Complete Connect the Stripe account and Install the browser script on the Stripe Payment Links and embeds overview. Keep the same workspace ID on the referred landing page and on the page containing the checkout control.
- In Stripe’s product catalogue, open Pricing tables and create or select a table with the subscription plans you want to sell.
- Copy the generated embed and paste it onto the pricing page. Keep its pricing table ID and publishable key.
- Use the plan buttons that open Checkout. A custom call-to-action that sends visitors elsewhere needs attribution on its own checkout path.
<script async src="https://js.stripe.com/v3/pricing-table.js"></script>
<stripe-pricing-table
pricing-table-id="prctbl_YOUR_ID"
publishable-key="pk_YOUR_PUBLISHABLE_KEY">
</stripe-pricing-table>See what gets passed to Stripe
Monok sets client-reference-id on the stripe-pricing-table element after referral capture. Leave that attribute unset or empty so Monok can fill it. The referral follows the plan a visitor selects into the resulting Checkout Session.
Verify the plan and subscription
In the offer’s Affiliate integration setup, run Test browser script. This verifies that the page can capture attribution without creating an affiliate click or referral. Then open a valid affiliate link in a fresh browser session and complete the method-specific checks below. A Stripe sandbox payment does not earn a commission.
- Inspect the outer stripe-pricing-table element in DevTools for client-reference-id with an mk2_ value.
- Select a plan and complete checkout. Check the Stripe session’s client_reference_id and confirm the referred customer in Monok.
- Check the eligible paid invoice in Monok. If the customer started a free trial, verify payment after a successful invoice rather than at trial signup.
