Squarespace setup

Squarespace (embed referral pages)

Add a referral page to Squarespace with a Code block and verify tracking end-to-end before inviting ambassadors.

Step 1 - Embed the referral page

Create a “Referrals” page and embed the iframe using a Code block (or Code Injection on a page section).

Squarespace → Pages → add a new page.
Edit page → Add block → Code.
Paste the iframe and save.

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 - Decide how conversions are captured

Refer Labs attributes conversions when discount code redemptions are posted from your checkout/payment system.

If your Squarespace checkout can’t call server-side webhooks reliably, use Zapier/Make (or your backend) to post conversions.

Zapier guide Make guide Custom API

Conversion endpoint (server/automation)

POST https://referlabs.com.au/api/discount-codes/redeem
Headers:
  Content-Type: application/json
  x-pepf-discount-secret: <YOUR_SECRET>
Body:
{
  "discountCode": "CODE_USED_AT_CHECKOUT",
  "orderReference": "ORDER-12345",
  "amount": "199.00",
  "metadata": { "platform": "squarespace" }
}

Common troubleshooting

Iframe blocked: confirm your site is HTTPS and your plan/settings allow embedded iframes.
Layout issues: increase iframe height and avoid placing it inside a narrow column.
Conversions not showing: verify your conversion automation is posting the discount code redemption.

Use /status for quick diagnostics.

Testing checkpoints (do these in order)

Embed the referral iframe on a published Squarespace page.
Open it in an incognito window and confirm the referral page loads.
Submit the referral form and confirm the signup appears in the dashboard.
Run a test purchase/booking with the ambassador discount code.
Confirm the conversion is posted and attributed correctly in the dashboard.