This article will explain the different integration options available in the Unbounce Conversion Intelligence™ Platform, including:
- Native Integrations
- POST form data to a URL
- Google Tag Manager, Google Analytics, and Google Ads
See this video to help you get started with Integrations:
Integrating with Unbounce Native Integrations
To view all available native integrations, such as Mailchimp, Marketo, Salesforce, and more, visit this list in our documentation: Integrating with Unbounce.
Integrating with Webhooks
While we already have direct integrations, we understand that there are hundreds of lead management services are out there (CRMs, EMSs, etc) that we haven't yet tackled.
If you need to set up an integration, outside ones available in Unbounce's CI platform, you can with a custom-built Webhook.
What is a Webhook?
See our documentation for a high-level overview of Webhooks: Using a Webhook.
If you have a Webhook integration set up and have a form on your landing page, Unbounce will fire a notification to the Webhook URL every time a visitor on your page submits a form.
The information sent over will include all of the values that the visitor submitted along with their form (including details about the page, the variant, and what time the form was submitted).
How to set up a Webhook
At this time, it is outside the scope of our teams at Unbounce to configure a Webhook on your behalf. We recommend chatting with a developer on your team to help you configure this Webhook.
They'll need to write a bit of code to parse Unbounce's Webhook notification (visit our documentation for an example output).
Do note that Unbounce will send form data via JSON and XML data formats only. Please ensure that the code written for this Webhook can receive these specific data formats.
If you're concerned with GDPR compliance, ensure you set up your webhook securely.
Integrating Your Service With Unbounce Using "Post form data to a URL'
Like a Webhook, the "Post form data to a URL" confirmation option allows you to send your form submissions via the POST method to a pre-defined external URL.
The "Post form data to a URL" function sends a POST request with a message body that contains the form information as a data set that contains key-value pairs (i.e., first_name=Unbounceemail@example.com).
The "Post form data to a URL" option makes integrating certain external systems with Unbounce easier.
The most common use for the feature is to post directly to a system that can accept application/x-www-form-urlencoded encoded form data via a POST request.
Note:The "Post form data to a URL" feature is tricky for our technical and support teams to troubleshoot. Our server logs can easily capture requests made through webhooks, and Unbounce forms since that request passes through our servers. However, the "Post form data to a URL" sends lead data directly through a visitor's browser, which we don't have visibility into. We recommend using a Webhook instead of "Post form data to a URL" if possible.
Use cases for "Post form data to a URL"
If you have an external application that can accept application/x-www-form-urlencoded encoded form data via a POST request, using "Post form data to a URL" may still require some custom coding, but should be easier than building a custom handler and a webhook.
Step 1: Set up a "Post form data to a URL" form confirmation in the Classic Builder
- Navigate to the Classic Builder.
- Click on your form, and navigate to the Properties panel on the right-hand side.
- Under Form Confirmation tab, set the Confirmation type to Post form data to URL:
- Enter your POST URL in the field provided:
Step 2: Configure a Thank-You Page Redirect
When you post your form data to an external URL, you will also need to configure a separate thank-you page redirect that will appear once users submit the form.
For example, Pardot offers options within their tool to set up a thank-you page redirect if you send your form data to a URL endpoint (i.e., Post your form data to URL in Unbounce).
This way, when a page visitor completes your form, the form submission info will be sent to your POST URL and the user will be redirected to a thank-you page as well.
Setting your thank-you page redirect will vary depending on what external application you're using. Still, most should either have a place to enter the URL on their end or instructions on how to configure your POST URL to set the redirect.
Step 3: Customizing Form Field Names
By default, your form field names will generate based on your form labels, but if you're posting your form data to an application that requires specific field names, you can set them manually in the Classic Builder.
For example, if the name field on your form is "Your Name," but POST URL to an application requires "customername", you can update this in the Classic Builder:
- Double-click your form in the Classic Builder to bring up Design Your Form dialog box.
- Click the field you'd like to change.
- Untick the box titled Auto-generate From Field Label.
- Within the Custom field name and ID field, type in your custom ID required by your service:
- Click Done to save these changes.
Integrating Google Tag Manager, Google Analytics, & Google Ads
To thoroughly review the stats of your landing page, such as monthly & weekly traffic, bounce rates between different variants, button or link click conversions, and more, we recommend integrating with different Google services.
Integrating Google Services in the Classic Builder
When building a page within the Classic Builder, Unbounce provides an easy way to integrate Google Tag Manager (GTM) or Google Analytics code snippets to your page using Script Manager.
Here are some resources on how to integrate with GTM or Google Analytics while building in the Classic Builder:
As for Google Ads, you can install the conversion tracking scripts directly within the Classic Builder. See this article to learn more.
Integrating Google Services in the Smart Builder
Using Unbounce Apps, you can connect to the Google Analytics App directly within Smart Builder. See this article to learn more: Connecting Google Analytics in Smart Builder.
As for GTM and Google Ads tracking, you will need to install these scripts via Script Manager.
Our Script Manager lets you install either tracking script directly onto all landing pages linked to a custom domain.
Our teams are hard at work finding solutions to make integrating these services easier into Smart Builder. For now, we recommend using Script Manager.
Learn more here: How Can I Add Custom Scripts onto my Smart Builder Page?
Connecting with Powered by Zapier Integrations
Use Unbounce's Integrations Powered by Zapier feature to link your Unbounce landing pages with over 60+ different marketing tools, without typing a line of code or ever leaving Unbounce.
See our documentation to learn more: Setting Up Integrations Powered by Zapier.
Viewing all Integrations
You can add an integration to your landing page using the Integrations section of the Unbounce app:
To add integrations from the Integrations section, follow the steps below:
- Log in to your Unbounce account.
- Click the Integrations option on the left side menu.
- Scroll down to see a list of all our available integrations, including Zapier. Alternatively, you can search for a specific integration using the search bar.
- Click on the integration you want to add to a specific page.
- A list of pages on your account will appear in a popup.
- Click on the radio button for the page to which you’d like to add this integration, then click Select and Continue.
You will be transferred to the Integrations tab of the page to which you’re adding the integration.
For further steps to setting up that integration, find your integration here within our documentation: Integrating with Unbounce.