Monto Affiliates

Webflow handles product pages, checkout, and order fulfillment, but affiliate tracking, referral links, commissions, and payouts sit outside its core feature set. Running an affiliate program usually means stitching together external platforms that weren't built for Webflow.

Monto Affiliates adds a full affiliate management layer on top of Webflow Ecommerce, tracking referral orders and form submissions, assigning commission rates, hosting a branded portal, and processing PayPal payouts. You install it through the Webflow Marketplace or a single header script, with no server-side code required.

It fits ecommerce stores turning customers and influencers into sales partners, SaaS founders tracking lead referrals through forms, and agencies configuring affiliate tracking across client sites via the Designer Extension.

How to integrate Monto Affiliates with Webflow

What is Monto Affiliates? Monto Affiliates is an affiliate and referral marketing app from Monto with Webflow support. It tracks purchases and form submissions referred by affiliate partners, calculates commissions as a percentage or flat rate, and gives each affiliate a branded self-serve portal. Monto also supports coupon code attribution, recurring subscription commissions, and automatic customer-to-affiliate enrollment at the point of purchase.

Reach for Monto Affiliates when you need external partners driving sales to your Webflow store. Those partners can be influencers, existing customers, or industry contacts. A physical goods store might assign unique referral links to brand ambassadors. A SaaS company might reward affiliates for qualified form leads rather than direct purchases. Both scenarios work within the same Monto setup on a Webflow site.

You can use the Monto Affiliates-Webflow integration in 3 ways:

• Install the Monto app from the Webflow Marketplace to handle script injection, order tracking, and affiliate management without writing code.
• Use manual script installation and the Monto Designer Extension when you want control over where tracking scripts and affiliate widgets appear on your site.
• Combine the Webflow and Monto APIs to write server-side middleware (a custom application connecting the two services) that syncs data to Webflow CMS collections or triggers workflows from Webflow webhooks. The Webflow Data API is broadly documented, while Monto's public API documentation is limited to order and subscription endpoints. Affiliate-specific endpoints such as commission management, referral tracking, and affiliate creation aren't publicly documented.

Most implementations start with the Marketplace app, then add the Designer Extension or API methods as the affiliate program grows.

Install the Monto app from the Webflow Marketplace

Install the Monto app from the Webflow Marketplace to add affiliate tracking to a Webflow Ecommerce store. Once installed, the app injects Monto's global tracking script into your site's header automatically using custom code permissions, with no manual copy-paste needed. You'll find the listing under both Ecommerce and Marketing on the Marketplace. It carries the "Approved by Webflow" quality review designation and shows 1,000+ installs.

To set up the integration:

1. Find "Monto - Apps for Ecommerce" in the Webflow Marketplace and click Install
2. Authenticate with your Webflow account during the connection flow and select the store to connect
3. In the Monto dashboard, go to Settings > Options to upload your shop logo and set your custom subdomain (e.g., your-store.monto.io) for the affiliate portal
4. On the Affiliates Configure page, set your default commission rate, choose whether to automatically enroll new customers as affiliates, and configure your conversion window
5. On the Overview page, invite affiliates by email and optionally set custom commission rates per affiliate
6. Publish your site to activate tracking

Once live on your store, the Monto app gives you these affiliate capabilities:

• Referral order tracking with per-affiliate commission rates (percentage or flat amount)
• A branded affiliate portal hosted at your Monto subdomain where affiliates view earnings, orders, form submissions, and payouts
• Coupon code attribution for tracking referrals from video, podcast, or social media campaigns where clickable links aren't practical
• PayPal-based affiliate payouts across 200+ countries
• Automatic customer-to-affiliate conversion that displays a referral link on the receipt page immediately after purchase
• An affiliate leaderboard showing top performers and traffic sources

You need a paid Site plan because custom code injection only runs on paid plans. For recurring subscription commissions, install the separate Monto Simple Subscriptions app and explicitly enable them in your Monto settings.

Add Monto tracking with manual script installation and the Designer Extension

If you want more control over script placement, or you need to configure form-level affiliate tracking, use manual installation and the Designer Extension. Both methods assume the Monto global script is already on your site, either through the Marketplace app or manual installation.

Install the global script manually

Manual installation puts the Monto tracking script into your site's custom code in head and body tags section. Use this approach if you aren't installing through the Marketplace app.

To install the script manually:

1. Sign up at monto.io and authenticate with your Webflow account during setup
2. On the Monto setup tab, copy your personal global script (this script is unique to your account)
3. In Webflow, open Site Settings > Custom Code
4. Paste the script into the Head Code section and click Save Changes
5. Publish your site, since custom code only executes after publishing

Custom code fields support HTML, CSS, and JavaScript, with a 50,000-character limit per section. You'll need a paid Workspace plan or active Site plan. You can also place the Monto script in the footer if you prefer to load it after page content. Monto lists this as a supported configuration.

Configure the affiliate signup popup with the Designer Extension

The Monto Designer Extension lets you attach an affiliate signup popup trigger to any element on your site without writing code. Every Monto account includes the extension.

To add the signup popup:

1. In the Designer, click the app icon in the left menu
2. Select Monto > Affiliates
3. Follow the extension prompts to configure the signup popup trigger on your chosen element
4. Publish your site

Once published, clicking the selected element opens the affiliate signup popup on your live site.

Before using the Designer Extension for the first time, reauthorize your site to use the latest Webflow API version.

Track affiliate referrals on Webflow forms

Monto can track form submissions as affiliate-referred leads, not just purchases. This helps if you sell B2B services or SaaS products, anywhere a form inquiry comes before a transaction.

To enable form lead tracking:

1. Open the Monto Designer Extension inside the Designer (app icon in the left menu)
2. Select Affiliates from the Monto app list
3. Select the Form Block element you want to track (use the layers navigator to select the Form Block itself, not individual fields inside it)
4. Toggle tracking on (blue) and click Save
5. Publish your site

You control how much you pay per form submission, what counts as a valid lead, and when to process payouts. Remove invalid submissions manually from the Monto dashboard before paying out. This makes the integration work for lead-based affiliate programs as well as ecommerce sales.

Place affiliate widgets with Code Embed elements

For precise placement of Monto widgets at specific spots on a page, use a Code Embed element. Use this method for the affiliate signup widget or any Monto embed code you pull from your dashboard.

To add a widget via Code Embed:

1. Copy the Monto affiliate widget embed code from your Monto dashboard setup page
2. In the Designer, open the Add panel (+)
3. Drag a Code Embed element to the desired location on the canvas
4. Paste the embed code into the modal and click Save and close
5. Publish your site

Code Embed elements have a 50,000-character limit per element. For CMS-powered pages, add custom code at the collection level so it outputs on every CMS item page.

Build with the Webflow and Monto APIs

For custom workflows that go beyond the built-in app features, the Webflow Data API and Monto API give you programmatic access to order data, CMS collections, webhooks, and form schemas. This path requires server-side development and custom middleware.

• The Monto API handles order creation and subscription queries, authenticated via an api_key query parameter retrieved from monto.io/shop/api
• The Webflow Data API v2 handles CMS collections, ecommerce orders, forms, and webhooks with Authorization: Bearer <token> authentication
• Webhooks trigger real-time events like ecomm_new_order, ecomm_order_changed, and form_submission to your server

Monto publicly documents authentication and order management in three articles. Affiliate-specific endpoints such as commission management, referral tracking, and affiliate creation aren't publicly documented. A Monto Partner API exists, but you'll need to contact hello@monto.io directly to get access. Take this route when you need more control over Webflow-side data flow and custom workflows.

Forward Webflow orders for affiliate attribution

When a customer places an order on your store, a webhook can send the order to your middleware so you can process attribution logic with the documented APIs and account-level integration options available in your Monto setup.

To implement this flow:

1. Register a webhook by sending a POST request to /v2/sites/{site_id}/webhooks with triggerType set to ecomm_new_order and the url pointing to your middleware server
2. When your middleware receives the webhook payload, validate the x-webflow-signature header using a SHA-256 HMAC (hash-based message authentication code) computed with your OAuth app's CLIENT_SECRET
3. Extract the order ID, customer email, order total, and purchased items from the payload
4. Use the documented Monto API or account-level integration options available in your Monto setup to continue the workflow

Store a local orderId to affiliateId mapping in your middleware database. You'll need this mapping if you later have to handle refunded orders using the ecomm_order_changed webhook. This pattern connects Webflow order events to Monto attribution logic.

Sync affiliate data to a Webflow CMS collection

You can write affiliate records to a CMS collection to build public leaderboards, affiliate directories, or internal dashboards rendered through Collection List elements.

To create affiliate CMS items:

1. Retrieve your collection's field slugs with GET /v2/collections/{collection_id} (scope: cms:read)
2. Create a live CMS item with POST /v2/collections/{collection_id}/items/live (scope: cms:write), including fieldData with the affiliate's name, slug, referral link, and commission rate
3. For scheduled leaderboard updates, use PATCH /v2/collections/{collection_id}/items/live to bulk-update affiliate stats like referral count and total commissions

This approach keeps affiliate records inside the CMS so they can power leaderboards, directories, or internal dashboards.

The slug field must be URL-safe and unique within the collection. Live endpoint updates take effect immediately without requiring a site publish. Pagination caps at 100 items per request, so implement offset-based pagination for collections with more than 100 affiliates. Use this setup when affiliate data needs to appear directly on your site.

What can you build with the Monto Affiliates Webflow integration?

Integrating Monto Affiliates with Webflow lets you run a complete affiliate and referral program from your store without building custom tracking infrastructure.

• Influencer referral programs with coupon tracking: Assign unique coupon codes to influencers for campaigns on YouTube, podcasts, or Instagram where clickable links are impractical. Monto credits the affiliate commission whenever a customer uses their code at checkout.
• Lead generation affiliate programs for B2B services: Reward affiliates for qualified form submissions on your site rather than direct purchases. A consulting firm could pay referral partners for every demo request that comes through a tracked form.
• Customer-to-affiliate conversion at checkout: Automatically enroll every buyer as an affiliate and display their personal referral link on the receipt page. A digital product store selling templates or courses can turn each customer into a distribution channel immediately after purchase.
• Recurring subscription commissions for SaaS products: Pay affiliates a commission on every subscription renewal, not just the first charge. Configure whether commissions last for the full subscription length or a set number of billing cycles using Monto Simple Subscriptions with Stripe.

If you need more control over leaderboard rendering or syncing data into your site, the API integration path covers those cases.