Home | Forms | Using ClickDimensions with Unbounce

Using ClickDimensions with Unbounce

Unbounce is a marketing tool that allows marketers design, publish, and a/b test landing pages.

If you are an Unbounce user, it’s easy to combine ClickDimensions forms and surveys with Unbounce landing pages.

1. Unbounce Landing Page with a ClickDimensions Form

Feeds leads/contacts from the Unbounce page into CRM via a ClickDimensions form.

ClickDimensions forms and surveys can be embedded into any web page, including an Unbounce landing page. When designing your Unbounce page, create a custom HTML content area to contain the form. Be sure to size your custom HTML area to accommodate the size of your form.

building a clickdimensions landing page

Double-click to edit the area and copy/paste the embed code for your ClickDimensions form.

Copy the embed code from the ClickDimensions form builder:

embed options for ClickDimensions

And paste it into the Unbounce landing page custom HTML code area:

Embed custom HTML

As with all ClickDimensions forms, you can specify what the visitor will see by using confirmation text or including a redirect URLs. (If you want the form to redirect back to an Unbounce page, include the Unbounce URL in the redirect field.)

ClickDimensions confirmation text

ClickDimensions surveys can be embedded into Unbounce landing pages in the same manner. Copy/paste the survey embed code into a custom HTML content area on the Unbounce landing page.

2. Unbounce Landing Page with an Unbounce Form    

Feeds leads/contacts from an Unbounce form into CRM via ClickDimensions form capture.

Creating both your landing page and form within Unbounce? Pass data to ClickDimensions using the form capture method.
 
First, create a domain record in CRM for the domain where the Unbounce landing page will be hosted.

Add new domain in ClickDimensions

Next, create a ClickDimensions Form Capture record and set up the form fields you want to capture. If you have never integrated a form using form capture, follow these instructions. We will need the Form Action URL later in this process.

form action

Design the landing page and form in Unbounce’s designer. We have added three simple fields: Name, Telephone and Email. In CRM, we created corresponding Form Field records for each of these. (Note: When you create the field in Unbounce, give it the same name as the Form Field ID you gave the Form Field record in CRM. For example, “email” is the name of the email field in Unbounce, and is also the ID of the Form Field record in CRM.)  

Form name and ID in Unbounce:

form name and ID in Unbounce - ClickDimensions

Form name and ID in CRM:

Email form field ID - ClickDimensions

To link the Unbounce form, select the form, then in the Form Confirmation section, select the option to post the form data to a URL. Paste the Form Action URL from the Form Capture record (seen above) as the URL for the Unbounce form. 

Unbounce form confirmation

Finally, follow the steps below to add the tracking scripts to the Unbounce landing page, and you’re good to go!

3. Adding a ClickDimensions Tracking Script to an Unbounce Landing Page

If you want to track web activity on your Unbounce landing page, include the ClickDimensions tracking script in your page. (Note that adding the tracking script is required if you are using the Form Capture method described above.)

To add the tracking script to the Unbounce landing page, follow these steps below:

Manage Unbounce scripts

Note that the domain is ‘unbouncepages.com’ which is where this landing page is hosted. Make sure that this domain (or whatever custom domain you are using) has a domain record in CRM.

If you wish to include the ClickDimensions tracking script on more than one page, you can use the Unbounce Script Manager. Add a custom script and paste the ClickDimensions tracking code into the window. You can specify if you want to include the script on all pages or just the main landing pages.

add script to Unbounce page

Script details for Unbounce

If you are using the Form Capture method described above, you will need to add one more script so that the page’s view and the form can be associated in CRM with the right visitor. This adds a hidden field to the Unbounce form and sets the visitor ID as the hidden field’s value.

In the same JavaScript setting window, add the following script right after the ClickDimensions tracking script (download the JavaScript here). Note: This code is a sample and may need to be modified by a web developer to suit your needs.

manage Unbounce scripts

Have you used Unbounce landing pages and ClickDimensions marketing tools together in other ways? Let us know!

Happy Marketing!

2017-06-15T20:29:27+00:00 By |Forms, Landing Pages, Web Tracking|2 Comments

About the Author:

mm
Liz McBrayer is ClickDimensions' Content Marketing Manager.

2 Comments

  1. Garry_viner January 24, 2017 at 11:54 pm - Reply

    Thanks for the helpful tips. I have followed the instructions but have a problem. The response from Click Dimensions includes this in the URL

    fieldLabel=Email&errorType=format&errorMessage=The%20submited%20email%20test_tws3@gmail.com,test_tws3@gmail.com%20is%20wrong

    As you can see, the email address is duplicated. However, when i check my debugging tools in the browser, i see the request to Click Dimensions was

    http://analytics-au.clickdimensions.com/forms/h/alHYf6PgqOEiiu7OQO7j58?firstname=test&email=test_tws3%40gmail.com&phonenumber=0414+111+111&course_of_interest=100000005&topic=TWS+Counselling+1&cd_visitorkey=ce3e6b57788d441dbbf7aca4d0324d93

    So a valid email address is being sent via the form, but Click Dimensions is receiving it as an invalid concatenation of email addresses.

    Do you have any ideas what might be causing this?

    Thanks
    Garry

  2. ClickDimensions January 25, 2017 at 3:14 pm - Reply

    Sorry to hear you are running into issues, Garry! Our support team would be happy to help you with this. You can open a support ticket here: http://support.clickdimensions.com/hc/en-us.

Leave A Comment