You can replace Turtl’s standard lead capture form with an Eloqua form. For this to work, you’ll first need to configure the Eloqua form so that it’s compatible with Turtl. This document will take you through each step of the process.

1. Create your Thank you page

First, you need to create a “Thank you” page for your form. Your readers will be redirected here once they have completed your form.

Note: that any content you add to this page will only be visible when the form is complete on the back cover of a Turtl Doc- in Immerse mode the reader will simply be directed to the next piece of content without ever seeing this page.

Begin by creating a new Landing Page and choose the “Blank Landing Page” option:

Set your landing page Title, Vanity URL, and other settings as usual.

Include the JavaScript with SITE_ID in <Head> tag of HTML:

<script data-ttl-form-mode="complete" data-ttl-form-eloqua-site-id="ELOQUA_SITE_ID" type="text/javascript" src="https://app-static.turtl.co/forms/turtl.forms.eloqua.v1.js"></script> 

You will need to replace ELOQUA_SITE_ID  in the above with your Eloqua site ID. If you do not know this, please contact support@turtl.co who will help you locate it.

Now add any additional wording you want readers to see once they have filled in your form, bearing in mind that this will only be visible on the back cover.

When finished, save this page and remember the URL you assigned.

2. Create your form

Next, create your Eloqua form as usual via the Eloqua form creation tools. You can use all the usual hidden fields, templates, and other elements you are familiar with.

When creating your processing steps, make sure you include a Redirect to Web Page step which sends readers to the Thank you page you created in Step 1.

3. Create your form landing page

Next, you need to create a landing page to contain your form. Again, choose the “Blank HTML Landing Page” option:

Then embed the form you created in Step 2 to the page.

This time, paste in the following in the <Head> tag of

HTML:


<script data-ttl-form-mode="embed" type="text/javascript" src="https://app-static.turtl.co/forms/turtl.forms.eloqua.v1.js"></script> 

You can position the form wherever you like on the page and do not need to worry about styling – Turtl will take care of this for you.

Save your landing page and copy the URL. You can then paste it into the 'Forms' tab of the Doc settings screen.

4. Embed your Form to Turtl

Paste the Landing Page url copied in Step 3 and paste into ‘Default form URL’ in Turtl story settings

Enable ‘Sign-up’ at each section in the Turtl e-book you would like to gate by turning it on on the Immerse page setting

There are three form URLs you can specify:

  1. Default Form URL - This URL will be used for both Immerse and back cover forms unless the back cover form URL is also set.

  2. 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.

  3. 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 Form URL will be used on the back cover.

5. Styling and Testing

Note: If this is the first time adding a form to a Turtl Doc it will need to be styled by our team to match the rest of your Turtl Doc. Once you've added contact your Customer Success Manager or support@turtl.co and we'll get it styled for you.

If you’ve covered the set up correctly the form should automatically style. If the form is not styled correctly in Turtl, it means that something went wrong in steps 1 – 5. Stop, redo, and test again

Submitting test details using the form to see if it is pulling into Eloqua is advisable as a final step.

Did this answer your question?