Unbounce and Vero
What is Unbounce?
From start to finish we’re big fans of Unbounce at Vero. Designed to make it easy for marketers to quickly and easily create and deploy landing pages it is the perfect platform to capture leads. By integrating Vero with Unbounce, you can capture the email addresses and actions of leads that sign up via your Unbounce landing pages.
There are two ways to install Vero with Unbounce:
- Using Webhooks (fastest and cleanest method)
Webhooks - Unbounce integration the fast way
Thanks to the Vero form builder and Unbounce’s great UI, integration is straight forward.
The Unbounce landing page platform has been designed with one thing in mind: conversions.
Below, you will find required steps to integrate your Unbounce landing page with Vero.
Step 1: Create a form in your Vero account
The first step is to create a new form within Vero. We’ll then use the details of this form to let Unbounce know where to send your leads! Visit the Vero form builder and create a new form:
You need to name the action for Vero to record when a customer fills out the Unbounce lead form. As Vero is event-driven this is an important step! Typical examples include Downloads eBook/Whitepaper/Checklist, Completes lead generation form XYZ, Expresses interest in demo, etc.
Once done, click Generate Code.
Step 2: Add the Unbounce webhook
In a new window, login to your Unbounce account and, after logging in, click on the landing page you are planning to integrate with Vero. On the landing page dashboard, scroll down and on the right side you will see a section called Leads & Form Integrations. Click WebHook: POST to URL.
After clicking, a pop-up will be displayed to you asking for URl to Post.
In this field you want to paste the URL that you generated when using the Vero form builder:
Important: The URL provided to Unbounce must be a combination of the form URL with “/unbounce”. For example, if the Vero form URL is:
then the URL you provide to Unbounce is:
Simply paste this URL into the pop-up on Unbounce:
Once it’s entered, Unbounce will verify the URL and display you a success message:
Click Configure Field Mapping to configure the parameters recorded in Vero.
Step 3: Configure your field mappings (Important)
In this step you can map the customer attributes from your Unbounce form (such as First Name, Last Name, etc.) against your customer profiles in Vero.
You must map the
Email Address Unbounce Form Field to a customer WebHook Field called
Other Unbounce Form Fields can be mapped as required. When mapping to Vero’s WebHook form fields you need to use the Add new field option and name the variable using the syntax
user_variable_name. I.e. put
user_ out front. You should also add
_ in the places of spaces in variable names. Vero strips these out anyway!
For example, you would map Unbounce Form Field
First Name to Webhook Field Name
user_First_Name and so on. This allows you to store the data you collect from customers against their profiles in Vero:
Once you are happy, click Save settings and you are off and away.
That’s it! Your Unbounce leads will now be sent to Vero in real-time :).
- B2B SaaS businesses using Unbounce pages as inbound lead capture forms, wanting to trigger campaigns across Unbounce pages, the blog and inside the software.
- Customers using a mixture of Unbounce and other survey or capture software.
Copy the first snippet from this page (the Vero library):
Paste the code you copied into the editor and name the snippet
Vero Library. Choose head in the placement drop down:
Step 2: Track conversions on the Unbounce form
In this step we’ll install the code to actually track when a customer converts on your Unbounce landing page. In the Unbounce editor, select the Form Confirmation Dialog editor.
Then, copy and paste the following code after it: