Connecting Unbounce to LeadByte

Follow

Many of our clients collect leads using third party landing page software, like Unbounce (which is awesome by the way!). This article aims to show you what you need to do in Unbounce and what you need to do in LeadByte to make sure both systems are talking (so you are receiving your leads).

There are two methods:

1. POST Form Data (you can do this without our help)
2. Web Hook

POST Form Data

Step 1 - I have created my form in Unbounce, how do I post data to LeadByte?

The first thing you need to do is edit your Unbounce landing page and select the form so the form properties side-bar appears (as per below).  Under Form Confirmation you need to select "Post form data to a URL" and tick "Append form data to URL".

The URL you enter should be your LeadByte campaign integration URL, for example: https://INSERT.leadbyte.co.uk/api/submit.php?returnjson=yes&campid=INSERT


Image_2018-10-09_at_7.57.31_pm.png

TIP: Make sure you do not have anything in the UnBounce WebHook setup as this will cause the POST data to double up and it will not work with LeadByte

Step 2 - Understanding what happens when a form is completed by a visitor

Once you have done the above, you need to publish your landing page.  When the form is completed, Unbounce will post the form data to the URL you have entered into the text box above and append the form data you are collecting into the post request (example post below).  This replaces the thank you page that you would usually see in Unbounce so you will need to correct this (see Step 3 below).

Example Post
https://INSERT.leadbyte.co.uk/api/submit.php?returnjson=yes&campid=INSERT&first_name=Anthony&last_name=Burgin&email=anthonyburgin%40gmail.com&insurancetype=Health&pageid=5551a82a-b43b-44c1-8399-a45f210bcaea&pagevariant=a

Unbounce automatically append the pageid AND page variant, you can add each as an additional field on your LeadByte campaign if you want to save them.  Furthermore, when you add additional fields to your Unbounce form, you have the option use the auto-generated field name (which would be posted to LeadByte) or set your own (see below).  To receive this data, please ensure the field exists in LeadByte.  

 

Image_2018-10-09_at_8.41.12_pm.png


Step 3 - Create LeadByte redirects on campaign

When the form is completed on Unbounce AND you have added to the form the option "Post form data to URL" the visitor will see a LeadByte response code.  This will not mean much to the visitor so we advise you redirect the visitor to a "Thank You" page.  The Thank You page can be controlled by you from LeadByte by adding a redirect URL into the campaign under Redirects.  

Image_2018-10-09_at_8.49.33_pm.png



When you select Create Redirects against the LeadByte campaign you can enter in what the visitor is redirected to after they submit the form.  You can enter in a different URL for different outcomes using rules OR keep it really simple and redirect a visitor to a URL based on a Success, Dupe or Error (see below).  We would advise that you create a page in Unbounce to redirect to.

Image_2018-10-09_at_8.53.43_pm.png

Any questions or problems please do reach out to your account manager.  We have live working examples of this in action at time of this article being published.

Web Hook

Within your UnBounce Page you have a Tab called "Webhooks".  This is where you will add the URL to post the Form Data and map your fields.

unbounce_webhooks.png

Step 1
Create a REST API Key with the permission to CREATE a Lead.

Step 2
Add the following URL to UnBounce and map the fields. 
The first INSERT value is your account name.
The second INSERT value is your LeadByte REST Key from Step 1.
The third INSERT value is your Campaign Reference in LeadByte
Please ensure the fields are the same as per your LeadByte campaign else it will not work.

URL
https://INSERT.leadbyte.co.uk/restapi/v1.2/unbounce?key=INSERT&campid=INSERT

Screenshot_2020-09-16_at_13.47.32.png






Was this article helpful?
0 out of 0 found this helpful

Comments