Webflow setup

Webflow (embed referral pages)

Add a referral landing page to Webflow using an Embed block and verify tracking end-to-end before launch.

Step 1 - Embed the referral page

Create a dedicated “Referrals” page in Webflow and drop the iframe into an Embed block.

Webflow Designer → Pages → create/select a page.
Add element: Embed.
Paste the iframe and publish.

Iframe embed

<iframe
  src="https://referlabs.com.au/r/AMBCODE?embed=1"
  title="Referral reward"
  style="width:100%;min-height:720px;border:none;border-radius:24px;overflow:hidden;"
></iframe>

Replace AMBCODE with a real ambassador code to test.

Step 2 - Confirm conversion capture strategy

The referral page handles clicks + signups. Conversions are credited when your checkout reports discount code redemption.

Webflow sites typically capture conversions via Stripe, Webflow Ecommerce, or a booking tool. Use the matching integration guide (Stripe / Zapier / Make / Custom API) to post redemptions reliably.

Stripe guide Zapier Make Custom API

Common troubleshooting

Embed looks cut off: increase iframe height (e.g. 720-900) and ensure the parent section has no fixed height.
Blank embed: confirm the page is published on HTTPS and no embed restrictions are applied.
Conversions missing: confirm your checkout is posting discount redemptions to Refer Labs.

Run live diagnostics on /status.

Testing checkpoints (do these in order)

Embed the referral iframe on a published Webflow page using a real ambassador code.
Open the page in an incognito window and confirm the referral page loads.
Submit the referral form and confirm the signup appears in the dashboard (Journey timeline).
Complete a test conversion in your checkout tool using the ambassador’s discount code.
Confirm the conversion appears in the dashboard and attributes to the correct ambassador.