Notes:
Please make sure you set Force24 settings in a way that will allow your form to be embedded via an iframe (on third-party domains).
Setting up a Force24 integration will allow you to share data between Force24 and Turtl, as well as access individual reader insights via the known reader dashboard. In this dashboard, your leads will appear in the "Known Readers" section.
Your embedded form will still work without this integration, however your leads will only be located in Force24. You can read more about Individual Reader Analytics here.
Turtl supports embedding Force 24 forms in place of Turtl’s native form. All Turtl needs is a little bit of information about your form. This article will take you through each of the steps.
1. Create your form and set the re-direct
Set the "Form Destination URL" field to:
2. Find your embed and tracking code
Your embed code will look like this:
<f24-form identifier="etr213ga-560f-4a34-ab51-d8a2506ad834" style="display: block;">
<img style="width:100px; height:100px;"
src="https://static.websites.data-crypt.com/resources/images/website-embedded-form-loading-indicator.gif"
alt="Loading"/>
</f24-form>
Your tracking code will look like this:
<!-- Force24 Tracking -->
<script>
(function (f, o, r, c, e, _2, _4) {
f.Force24Object = e, f[e] = f[e] || function () {
f[e].q = f[e].q || [], f[e].q.push(arguments)
}, f[e].l = 1 * new Date, _2 = o.createElement(r),
_4 = o.getElementsByTagName(r)[0], _2.async = !0, _2.src = c, _4.parentNode.insertBefore(_2, _4)
})(window, document, "script", https://static.websites.data-crypt.com/scripts/activity/v3/inject-v3.min.js, "f24");
f24('config', 'set_tracking_id', '054539d8-aa69-45f4-d65d-a8a36c0087b7');
f24('config', 'set_client_id', 'b71dc6da-f3da-239d-45f0-1238fe4abc92');
</script>
<!-- End Force24 Tracking -->
Please input both codes into our Lead form generator tool to generate the form URL, which will look something like this:
/forms/turtl.forms.force24.v1.embed.html?force24Identifier=etr213ga-560f-4a34-ab51-d8a2506ad834&force24TrackingId=b71dc6da-f3da-239d-45f0-1238fe4abc92&force24ClientId=b71dc6da-f3da-239d-45f0-1238fe4abc92
3. Tell Turtl about your form
While in Turtl navigate to the settings of the Turtl Doc when you are embedding your Force 24 form on. Once in the settings, you can add the form URL from Step 2 to the Forms tab.
Note: If this is the first time your company has added a form to Turtl it will not have styling applied. Please contact your Customer Success Manager or Customer Support once your form has been added to a Turtl Doc and we will be able to get it styled for you.