Note: Turtl is unable to identify contacts from Unbounce forms. Leads will be sent to Unbounce but displayed as "unknown" in the "Contacts" section of your Turtl Analytics Dashboard.
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 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>
3. Link your form to the "thank you" page
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.
Default form URL - This URL will be used for both Content pages and Back cover forms unless the Back cover form URL is also set. Once added, you can read more about how to enable the form in the editor here.
Cover form URL - This URL can be used to add a form on the very first surf page of your content. Readers will not be able to read or navigate past the first page without entering their details.
Back cover form URL - This can be used to set a different form for the back cover. If this is left blank, the form set as "Default Form URL" will be used on the back cover.
6. Style options
By default, Turtl strips your form's original styles and injects Turtl brand styles. If this is the first time you're adding a form to Turtl, it will need to be styled by our team to match the rest of your content. Once you've added your form, please contact Customer Support and we'll get it styled for you.
If you want to keep your form's original styles instead, return to the script code snippet added in Step 2 and include the attributes below set to false in the opening <script> tag:
data-ttl-form-strip-styles="false” keeps your form's original styles
data-ttl-form-inject-styles="false" prevents Turtl from applying brand styles
Updated code snippet:
<script data-ttl-form-mode="embed" data-ttl-form-strip-styles="false" data-ttl-form-inject-styles="false" type="text/javascript" src="https://app-static.turtl.co/forms/turtl.forms.unbounce.v1.js"></script>