Skip to main content

​
Unbounce Integration Guide

Unbounce has native webhook support with custom headers — it can POST directly to Trackly with no middleware.

​
Step 1: Create your landing page form

  1. In the Unbounce Builder, add a Form to your page
  2. Add fields:
    • Phone Number (field ID: phone_number, required)
    • First Name (field ID: first_name)
    • Last Name (field ID: last_name)
  3. Add a consent checkbox or disclaimer text with TCPA language

​
Step 2: Configure the webhook

  1. Go to your page’s Integrations tab
  2. Click Webhook
  3. Set the Webhook URL to:
  4. Unbounce sends form data as application/x-www-form-urlencoded by default — Trackly accepts this format automatically
  5. Add custom fields (sent with every submission):
    • list_id: your Trackly sending list ID
    • consent_text: your TCPA consent language

​
Step 3: Add your API key

Unbounce webhooks support custom headers:
  1. In the webhook configuration, add a header:
    • Key: X-Api-Key
    • Value: trk_your_api_key_here

​
Step 4: Field mapping

Trackly accepts flexible field names. Unbounce sends field IDs as-is, so use these form field IDs:
  • phone_number → maps to phoneNumber
  • first_name → maps to firstName
  • last_name → maps to lastName

​
Step 5: Test

Publish your page, submit a test entry, and verify the contact appears in your Trackly sending list.

​
Method 2: Iframe Embed

  1. Add a Custom HTML element to your page
  2. Paste:

​
Method 3: Script Tag

  1. Go to your page’s JavaScript settings (or add a Custom HTML element)
  2. Add: