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.

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:

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:

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.

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 1 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: