> ## Documentation Index
> Fetch the complete documentation index at: https://docs.tracklysms.com/llms.txt
> Use this file to discover all available pages before exploring further.

# Unbounce

# Unbounce Integration Guide

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

## Method 1: Native Webhook (Recommended)

### 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:
   ```
   https://api.tracklysms.com/api/v2/optins/webhook
   ```
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:
   ```html theme={null}
   <iframe src="https://api.tracklysms.com/optin/page/YOUR_PUBLIC_TOKEN" width="100%" height="520" frameborder="0" style="border:none;max-width:480px;margin:0 auto;display:block;"></iframe>
   ```

## Method 3: Script Tag

1. Go to your page's **JavaScript** settings (or add a Custom HTML element)
2. Add:
   ```html theme={null}
   <script src="https://api.tracklysms.com/optin/script.js?token=YOUR_PUBLIC_TOKEN" async></script>
   ```