Embedding an Unbounce form

Learn how to capture sign-ups directly into Unbounce from Turtl

Maruša Barle avatar
Written by Maruša Barle
Updated over a week ago

Turtl supports embedding Unbounce forms in place of the native Turtl lead capture form. Simply embed a snippet of code in your form and tell Turtl which form you wish to use. 

Here's how it works:

1. Create a "thank you page" and insert the Turtl script

Create a simple blank page with a thank you message. This page will be used to confirm the form submission and will only be displayed when a reader completes a form on the back page of your Turtl Doc.

Add the following code to your page using the HTML button on the left of the page.
<script data-ttl-form-mode="complete" type="text/javascript" src="https://app-static.turtl.co/forms/turtl.forms.unbounce.v1.js"></script> 

2. Create your form and insert the Turtl script

Design a page that only contains your form. There is no need to add styling or formatting as this will be done by Turtl to keep your form consistent with your content.

Add the following code anywhere on your page using the "Javascripts" button at the bottom of the page.
<script data-ttl-form-mode="embed" type="text/javascript" src="https://app-static.turtl.co/forms/turtl.forms.unbounce.v1.js"></script> 

Set the form confirmation to "Go to another web page" and add the URL of the "thank you" page created in step 1.

4. Save and publish your finished form

Save and publish your finished form then copy the URL of the page.

5. Tell Turtl about your form

Navigate to the main Docs listing page and choose "Settings" for the Turtl Doc you wish to use the form on:

On the Settings page, choose the "Forms" tab:

Paste in the URL you copied in Step 4 above.

The Default form URL will be used for the Immerse content gate. This allows readers to see some content before asking them to sign up to continue reading. If no back cover form is set the form will also be used there.
The Cover form URL will add the form at the start of your content requiring users to fill out the fields before reading any of the content.
The Back cover form URL will be added on the back cover. This allows readers to sign up for more information once they've finished reading your content.

Note: If this is the first time your company has added a form to Turtl it will not have styling applied. Please contact support@turtl.co once your form has been added to a Turtl Doc and we will style it for you.

Additional Note: Turtl is unable to capture leads from Unbounce forms. Readers will be displayed as unknown in the known reader section of your Turtl Analytics Dashboard.

Did this answer your question?