PromoteKit
Connect PromoteKit, a Stripe-native affiliate tracking platform, with Webflow to run an affiliate program with commission tracking through Stripe's payment lifecycle.
How to integrate PromoteKit with Webflow
The easiest way to set up your PromoteKit Webflow integration is by installing the PromoteKit app from the Webflow Apps marketplace. The app injects the tracking script automatically with no manual code placement required. You can also embed the tracking script manually through Webflow's custom code settings if you need more control over placement. If your Webflow site uses Stripe Payment Links or embedded pricing tables, PromoteKit tracks those conversions with the same script.
For custom Stripe Checkout integrations, you can pass referral data through the Stripe API by including PromoteKit metadata in your checkout session calls. PromoteKit requires Stripe as your payment processor. It does not work with Webflow's native e-commerce checkout, PayPal, or Square.
Use the PromoteKit app
Install the PromoteKit app from the Webflow Apps marketplace. The app injects the tracking script onto your Webflow pages automatically and captures referral parameters from affiliate links.
After installing the app, configure your affiliate campaigns and commission structures in the PromoteKit dashboard. Stripe remains your payment processor. PromoteKit reads transaction metadata to calculate commissions.
Embed the PromoteKit tracking script
If you need more control over script placement, add the PromoteKit tracking script directly through Webflow's custom code settings. Copy your unique script from the PromoteKit dashboard under Setup → Step 4 (PromoteKit Integration) and do these:
- Go to Site Settings → Custom Code and paste the script in the Head Code or Footer Code section for site-wide tracking
- Use a Code Embed element in Webflow to place the script on specific pages for page-specific tracking
- For membership sites using Memberstack, place the script in the
<head>section specifically
Publish your site for the script to take effect. Custom code does not execute in Webflow's preview. Referral tracking only functions on your published site.
Track referrals with Stripe Payment Links
If your Webflow site uses Stripe Payment Links or embedded pricing tables instead of a custom checkout, PromoteKit tracks those conversions with the same embedded script. The script captures the referral ID from the affiliate's URL parameter before the visitor clicks through to a Stripe-hosted payment page. This works for one-time purchases and subscriptions with no API code required.
Set up affiliate promo codes
PromoteKit supports coupon-code-based tracking without development work. Create a coupon in your Stripe Dashboard, set it as the default in PromoteKit, and enable promo codes in your Stripe Checkout settings. PromoteKit auto-generates unique codes for each affiliate when they join your program.
If you're using Stripe Checkout or Payment Links, enable promo code acceptance by setting allow_promotion_codes: true in your API call or toggling the option in your Payment Link's advanced settings.
Pass referral data through the Stripe API
For custom Stripe Checkout integrations, pass the PromoteKit referral ID as Stripe metadata so commissions are attributed correctly. This is a developer-level integration.
Capture the via URL parameter on the client side (available via window.promotekit_referral after the PromoteKit script loads), then include it when creating a Stripe Checkout Session or Subscription:
- Add
metadata[promotekit_referral]to yourPOST https://api.stripe.com/v1/checkout/sessionscall - Or add the same metadata field to
POST https://api.stripe.com/v1/subscriptions
PromoteKit monitors Stripe for transactions with this metadata and calculates commissions automatically.
What you can build
Integrate PromoteKit with Webflow to run a full affiliate marketing program from your Webflow site, with all commission tracking handled through Stripe.
- SaaS affiliate program with lifecycle tracking: Build a marketing site in Webflow with Stripe-powered subscriptions and track affiliate commissions through trials, renewals, and cancellations. PromoteKit attributes recurring commissions to the referring affiliate for the entire customer lifecycle.
- Membership site referral system: Combine Webflow, Memberstack, and PromoteKit so existing members earn credits or commissions for referring new paid subscribers. PromoteKit integrates natively with Memberstack. Add the tracking script to your
<head>section and configure commissions in the PromoteKit dashboard. - Digital product launch with promo code attribution: Sell courses or templates through Stripe Payment Links embedded in Webflow, with auto-generated affiliate promo codes that attribute each sale to the right partner. No API code required.
- Stripe Payment Links storefront: Embed Stripe pricing tables or Payment Links on your Webflow landing pages and track which affiliates drive the most conversions. PromoteKit's script handles attribution on the client side before visitors reach the Stripe-hosted checkout.
Frequently asked questions
Yes. PromoteKit is built entirely on Stripe's payment infrastructure. All referral tracking, commission calculations, and payout data flow through Stripe. You cannot use PromoteKit with Webflow's native e-commerce checkout, PayPal, or Square.
For site-wide affiliate tracking, add the script in Site Settings → Custom Code in either the Head Code or Footer Code section. If you're using Memberstack, place the script in the
<head>section specifically. For page-specific placement, use a Code Embed element in Webflow. Publish your site before testing. The custom code does not execute in Webflow's preview.PromoteKit tracks referrals in Stripe live mode only. Test mode does not trigger proper attribution. Test with a 100% off promo code in Stripe's live environment to verify the full referral flow without processing a real charge. Make sure to publish your Webflow site first, since custom code does not execute in Webflow's preview.
No. Commission payouts are a manual process: export a CSV from the PromoteKit dashboard, upload it to PayPal Mass Payments or Wise Batch Payments, then mark the payouts as completed in PromoteKit. No payout API exists for programmatic processing.
Description
PromoteKit adds affiliate and referral tracking to sites that use Stripe for payments. It tracks referrals through the full Stripe customer lifecycle (trials, subscriptions, cancellations, and refunds) and supports affiliate link tracking, auto-generated promo codes, and Stripe Payment Links attribution.
This integration page is provided for informational and convenience purposes only.
The Facebook Pixel
Use the Facebook pixel to understand the actions people are taking on your website.
Optimizely
Add Optimizely's experimentation platform to your Webflow site for A/B testing and personalization.
Nocodelytics
Connect Nocodelytics with Webflow to track user behavior, clicks, and conversions without coding custom analytics.
Matomo (formerly Piwik)
Connect Matomo's privacy-focused analytics with Webflow to gain deep insights into visitor behavior while maintaining complete data ownership. Track conversions, visualize user journeys, and optimize your site's performance without compromising user privacy or sharing data with third parties.
Marketo
Connect Marketo with Webflow to capture leads, track visitor behavior, and create personalized marketing campaigns directly from your Webflow site.
Klaviyo
Connect Klaviyo's powerful email marketing and SMS automation with Webflow to create personalized customer journeys, capture leads through embedded forms, and sync e-commerce data for abandoned cart recovery and behavioral targeting — all without leaving your visual design environment.
Hotjar
Connect Hotjar's powerful user behavior analytics with Webflow to understand how visitors interact with your site. Track heatmaps, session recordings, and gather feedback to optimize user experience and boost conversions — all without coding.
Google Tag Manager
Connect Google Tag Manager to Webflow to manage all your marketing and analytics tags from one central dashboard. Deploy tracking pixels, conversion scripts, and third-party tools without touching code, while maintaining site performance and privacy compliance.
Google Analytics
Track website performance, user behavior, and marketing campaigns by connecting Google Analytics 4 with Webflow. Monitor traffic, conversions, and audience insights directly in your Webflow dashboard while maintaining complete design control and privacy compliance.
Related integrations
Get started for free
Try Webflow for as long as you like with our free Starter plan. Purchase a paid Site plan to publish, host, and unlock additional features.
