How to Send Leads to a Third-Party Service with a Form Post

Follow

Some third-party systems only accept lead data through their own embeddable HTML form. Using that form on your page means losing Unbounce form features such as visual styling and integrations. Instead, you can recreate the form in Unbounce and post the data to the same address.

Recreate the form

  1. Get the HTML embed code for the third-party form. It must include every field you want to capture, and it must contain <form> and <input> tags.
  2. In the code, find the <form> tag. It looks similar to this:

<form action="http//example.com/addlead" method="post">

  1. Find the <input> tags. They look similar to this:

<input type="text" name="Email_Address"/>
<input type="hidden" name="campaignID"/>

  1. In your Unbounce form, add a field for every input in the code, including hidden fields.
  2. For each field, set a label, turn off Auto-generate from Field Label, and set Field Name and ID to the input's name value. For the example above, that's Email_Address. Field names are usually case sensitive. If they don't match exactly, the field or the whole lead may be rejected.
Form builder showing Email field selected, with "Field Name and ID" set to "Email_Address" highlighted by a red arrow.
  1. Set the form confirmation to POST form data to a URL and enter the form's action URL. In the example above, that's http//example.com/addlead.
Form builder panel showing Form Confirmation set to "Post form data to a URL" with an example URL entered.
  1. Save, publish, and test the live page.

Set a confirmation page

Because the form posts its data to the third-party URL, visitors are also sent to that URL after they submit. Unless that address also works as a confirmation page, check the third-party system's documentation for how to redirect visitors to a thank-you page. Most systems let you set the redirect URL in their settings or with a hidden field.