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
- 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. - In the code, find the
<form>tag. It looks similar to this:
<form action="http//example.com/addlead" method="post">
- Find the
<input>tags. They look similar to this:
<input type="text" name="Email_Address"/><input type="hidden" name="campaignID"/>
- In your Unbounce form, add a field for every input in the code, including hidden fields.
- For each field, set a label, turn off Auto-generate from Field Label, and set Field Name and ID to the input's
namevalue. For the example above, that'sEmail_Address. Field names are usually case sensitive. If they don't match exactly, the field or the whole lead may be rejected.
- 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.
- 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.