Turtl supports embedding Formsite forms in place of the native Turtl lead capture form. For this to work correctly, the Formsite forms themselves need to be configured to ensure they will render and behave correctly in Turtl. This document walks you through that process.

First, you'll need to add a script tag to your form. This allows Turtl to control the form and how it renders.

To do this, go to edit your form and choose the "Style" tab from the menubar on the left side and then select the "Advanced" option from the list below.

Now paste the following text into the field called "HTML head":

<script data-ttl-form-mode="embed" type="text/javascript" src="https://app-static.turtl.co/forms/turtl.forms.formsite.v1.js"></script>  

Finally, we need to add a script to the Success page for your form. This allows Turtl to know when the form has been completed.

To do this, go to "Form settings" and choose "Success Pages" from the menu on the left side. Give your form a name, choose the "Custom Success Page" option, and untick the "Enable text editor" option.

Now paste the following text into the text box:

<h1>Thank you</h1><script data-ttl-form-mode="complete" type="text/javascript" src="https://app-static.turtl.co/forms/turtl.forms.formsite.v1.js"></script>

You can customize the "Thank you" portion of this script with a different message, or add additional elements using HTML as you wish.

Navigate to the main Doc 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 of your form. The form will now display in your Doc as both the Content page form and the Back cover form. If you want to display a different form for the back cover, you can specify a different URL in the "Back cover form URL" field.