You can replace Turtl’s native form with a Formstack form. For this to work, you’ll first need to configure the Formstack form so that it’s compatible with Turtl. This document will take you through each step of the process.
Note: Leads captured from your embedded Formstack form will only be located in Formstack. Turtl is unable to capture leads from Formstack forms and leads will be displayed as unknown in the known reader section of your Turtl Analytics Dashboard.
1. Add the Turtl script to your form
First, you'll need to add a script tag to your form. This allows Turtl to control the form and how it renders.
While creating your form in Formstack, please add an advanced field called "Embed Code".
After adding the "Embed Code” field, highlight it in the form builder. A new field will show on the left of your screen called “Field-Specific”, here is where you will add the following script:
<script data-ttl-form-mode="embed" type="text/javascript" src="https://app-static.turtl.co/forms/turtl.forms.formstack.v1.js"></script>
2. Add a Thank You Page
In the settings of your form, navigate to the “Welcome & Submission Message” tab. In this tab, select the option “Re-direct to a custom URL” and add the following URL:
https://app-static.turtl.co/forms/turtl.forms.formstack.v1.complete.html?ttlSubmissionId={$_submission_id}
The setup process is now complete! You are now ready to add your form to your Turtl Doc by following the support article Setting a Lead Capture Form.
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 be able to get it styled for you.