Remix Affiliate Program Setup with Stripe

3 min read

This guide is for merchants building a program into their own Remix application. The affiliate click starts in the browser; the Stripe Checkout Session belongs in server code.

Load AffiliateBase in the root document, then include the generated referral ID in the form or fetch request handled by your checkout action. Do not send the public ?via token or expect a loader to read browser state.

Follow the Stripe handoff guide, then prove the same route with AffiliateBase’s verification checklist.

Build one explicit browser-to-action path:

Map the Checkout Action

Identify the browser form or button and the Remix action or resource route that creates Stripe Checkout.

Load the Browser Script

Place the account-specific script in the root document so affiliate landing and pricing routes both capture the referral.

html

<script>(function(w,r){w._abq=w._abq||[];w[r]=w[r]||function(){(w[r].q=w[r].q||[]).push(arguments)}})(window,'affiliatebase');</script>
<script async src="https://app.affiliatebase.io/track.js" data-account-id='YOUR_ACCOUNT_ID'></script>

Submit the Generated Referral ID

Include the generated UUID as a form field or JSON value, validate it in the action, and set Stripe client_reference_id plus the documented metadata mirror.

Run a Deployed Test

Open the generated test link, submit through the production-shaped action, and complete Stripe test checkout.

Verify the Result

Confirm the referral, completed checkout, sale, and commission. Test renewals separately if recurring commissions matter.

Why Remix Fits This Handoff

Web-Standard Forms

A hidden field can carry the generated referral ID into an action.

Server-Owned Stripe Secret

Checkout creation stays in protected Remix server code.

Outcome-Based Testing

Verification covers the Stripe object and AffiliateBase records, not only client state.

Ready to get started?

Prove one affiliate click through the same action customers use.

Start for free

Remix Affiliate Tracking Questions

Can a loader read window.AffiliateBase?

No. Loaders run on the server. Submit the generated referral ID through the browser request.

Is an AffiliateBase npm package required?

No. This guide uses the account-specific browser script and does not claim an npm package.

What proves setup is working?

A completed test checkout with the generated referral ID and the resulting AffiliateBase sale and commission.

Related Platform Guides

Add an Affiliate Program to Next.js

Install affiliate tracking in Next.js, hand the generated referral ID to a server-created Stripe Checkout Session, and verify attribution.

Add an Affiliate Program to Nuxt

Load affiliate tracking in Nuxt, pass the generated referral ID to a server route, and verify a Stripe sale and commission.

Create an Affiliate Program with WordPress

Install AffiliateBase on WordPress, choose a supported Stripe checkout, and verify referral attribution without assuming WooCommerce or plugin compatibility.

Create an Affiliate Program with Webflow

Add affiliate tracking to a published Webflow site, pair it with a supported Stripe checkout, and verify referral attribution before launch.

Add Affiliate Tracking to a React Checkout

Capture affiliate referrals in a React app, send the generated referral ID to your checkout backend, and verify Stripe attribution.

Test the Remix Checkout Action

Prove one affiliate click through the same action customers use.

Start for free Read the Stripe guide