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.
Note: 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).
Notes:
With your Force24 Integration (article URL) complete, you will not only see leads from your embedded Force24 form in Force24 CRM, but also in your Turtl analytics dashboard. These leads will appear in the Known Readers section or in your analytics csv.
Without a Force24 Integration, your identified leads will only be located in Force24. Turtl will still collect leads through your Force24 form, but they will be unidentified.
You can read more about Individual Reader Analytics here.
1. Create your form and set the re-direct
Set the Form Destination URL field to:
2. Find your Identifier, Tracking ID and Client ID
To embed a Force 24 form into a Turtl Doc, you need 3 pieces of information:
identifier
trackingId
clientId
The form identifier can be found in your embed code as shown in the example below:
<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>
The trackingId and the clientId can be found in the Tracking Script as shown in the example below:
<!-- 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 -->
3. Create your form URL
Create your form URL by replacing identifier, trackingId and clientId, in bold below, with the values you found in the previous step:
/forms/turtl.forms.force24.v1.embed.html?force24Identifier=identifier&force24TrackingId=trackingId&force24ClientId=clientId
Using the example values above, the URL will look like:
/forms/turtl.forms.force24.v1.embed.html?force24Identifier=etr213ga-560f-4a34-ab51-d8a2506ad834&force24TrackingId=054539d8-aa69-45f4-d65d-a8a36c0087b7&force24ClientId=b71dc6da-f3da-239d-45f0-1238fe4abc92
4. Tell Turtl about your form
While in Turtl navigate to the settings of the Turtl Doc you are embedding your Force 24 form on. Once in the settings, you can add this URL 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 support@turtl.co once your form has been added to a Turtl Doc and we will be able to get it styled for you.