Note: You will be able to see leads from your embedded Vuture form in your Turtl analytics dashboard (no integration required). These leads will appear in the Known Readers section.
In this article, we'll walk through replacing Turtl's native lead capture form with a Vuture form. This allows you to capture sign-ups from your Turtl Docs straight into Vuture. Let's dive in.
1. Paste Turtl's script into the HTML editor
First, navigate to the HTML editor for your Vuture form by clicking "Edit HTML". Then, paste in the following snippet of code:
<script src="https://app-static.turtl.co/forms/turtl.forms.vuture.v1.js"></script>
2. Paste Turtl’s script into your confirmation page
On your confirmation page, paste the following snippet:
<script data-ttl-form-mode="complete" src="https://app-static.turtl.co/forms/turtl.forms.vuture.v1.js"></script>
3. Copy the Vuture form public URL
Copy the public URL for your form. We’ll use this next to embed your form into Turtl.
4. Add your form URL to your Turtl Doc
In Turtl, open the settings for your chosen Doc. Under the "Forms'' tab, paste the form URL into your chosen field.
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.
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.
Follow this article here for more information on setting lead capture forms.
Note: If this is the first time you've added a form to Turtl it may not match the style of your theme. Send your form over to your Customer Success Manager or get in touch with Customer Support and we'll get it styled for you.