Turtl supports embedding Gravity Forms in place of the default Turtl lead capture form. To do this, Turtl needs both a snippet of code to be placed in your form and to know which form you wish to use. 

Here's how it works:

1. Create a "thank you" page

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 anywhere on your page using the "HTML" field. You can enter the code into the Content settings of the field.
<script data-ttl-form-mode="complete" type="text/javascript" src="https://app-static.turtl.co/forms/turtl.forms.gravity.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 styles 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 "HTML" field. You can enter the code into the Content settings of the field.
<script data-ttl-form-mode="embed" type="text/javascript" src="https://app-static.turtl.co/forms/turtl.forms.gravity.v1.js"></script> 

Hover over Settings and then click on Confirmations. Make sure the Confirmation Type is set to "Redirect" then add the URL of your "thank you" page.

Click Save Confirmation to complete this step.

4. Save and publish your 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 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 into the desired form URL field.

There are three form URLs you can specify:

  1. Default Form URL - This URL will be used for both Immerse and back cover forms unless the back cover form URL is also set.

  2. 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.

  3. 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 Form URL will be used on the back cover.

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 Doc and we will style it for you.

Did this answer your question?