In this article, we’ll walk through embedding an Adobe form in the place of the native Turtl lead capture form. We’ll cover configuring Adobe forms with Turtl and setting up a redirect page. Let’s dive in.
1. Create a form in Adobe Experience Manager
Once you’ve created your AEM form, copy the form’s public URL link. This will be something similar to: http://aemforms.websitename.com/form-name.html
2. Set up a ‘thank you’ page
Set your form to redirect to a ‘thank you’ page once someone has submitted their information. Your readers won’t see this redirect page, but it allows Turtl to recognize that the form has been completed.
3. Add Turtl script to your pages
To configure your Adobe form with Turtl, you need to add small snippets of code in two places:
Once the form page has been created, paste the following snippet immediately before the closing </head> tag in the HTML code of your form page.
"Thank you" page
Paste the following snippet immediately before the closing </head> tag in the HTML code of your "Thank you" page.
<script data-ttl-form-mode="complete" src="https://app-static.turtl.co/forms/turtl.forms.adobe.v1.js"></script>
4. Add the form URL into your Turtl Doc
Once your form is hosted on a blank page of your website, copy the URL of the page. Next, open the settings for your chosen Doc and paste the URL into the correct field under the “Forms” tab.
Default form URL - This URL will be used for both Immerse 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.
5. All done!