Note: Without Wishpond integration, leads submitted through your Wishpond form will only be available in Wishpond and will not appear in your Turtl analytics dashboard. With active integration, captured leads will also be identified in the "Contacts" section of your Turtl analytics dashboard. Please reach out to Customer Support if you wish to integrate with Wishpond.
You can replace Turtl’s native lead capture form with a Wishpond form. For this to work, you’ll first need to configure the Wishpond form so that it’s compatible with Turtl. This article will take you through each step of the process.
In order for Turtl to work with Wishpond forms you need to add small snippets of code in two places:
1. Main page
Create a name for your form and press "Add New".
Go to "View more" and click on "HTML".
In that box, you need to paste the following code and save.
<script type="text/javascript" src="https://app-static.turtl.co/forms/turtl.forms.wishpond.v1.embed.js"></script>
2. "Thank you" Page
Then you need to switch to the "Thank you" page and repeat the steps from above.
Insert this code and save:
<script type="text/javascript" src="https://app-static.turtl.co/forms/turtl.forms.wishpond.v1.complete.js"></script>
Next, you need to save and publish your changes.
Wishpond will automatically provide you with the embed code for your form. However, for Turtl you will need the "embed URL". Get this by clicking on "edit publishing options".
Select the Wishpond URL option.
Success! You now have your form "embed URL" which can be copied and pasted straight into Turtl.
3. Add it to your Turtl Doc
Paste the embed URL into the forms tab in the Turtl Doc settings.
There are three form URLs you can specify:
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. Once added, you can read more about how to enable the form in the editor here.
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.
4. Style options
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:
<script data-ttl-form-strip-styles="false" data-ttl-form-inject-styles="false" type="text/javascript" src="https://app-static.turtl.co/forms/turtl.forms.wishpond.v1.embed.js"></script>