Turtl supports embedding Marketo forms in place of the default Turtl lead capture form. All Turtl needs is a little bit of information about your form, and this article will show you how this is done.

1. Create your form and find the embed code

Create your form as usual then right-click in the tree menu and select "Embed code"

You will see a dialogue box that looks like this:

2. Find your Endpoint and Portal ID

Your embed code will look something like this:

<script src="//app-sjqe.marketo.com/js/forms2/js/forms2.js"></script>
<form id="mktoForm_621"></form>
<script>
MktoForms2.loadForm("//app-sjqe.marketo.com", "718-GIV-198", 621);
</script>

Look for the line that says MktoForms2.loadForm  and find the three values that follow within the brackets. These are called rootUrl, munchkinId and formId respectively. In the example above these are:

rootUrl //app-sjqe.marketo.com
munchkinId 718-GIV-198
formId 621 

3. Tell Turtl about your form

Navigate to the main Turtl Docs listing page and choose "Settings" for the Turtl Doc you wish to use the form on:

On the Settings page, choose the "Forms" tab:

Now paste the following URL into the "Form URL" field, replacing rootUrl, munchkinId and formId with the values you found in the previous step:

/forms/turtl.forms.marketo.v1.embed.html?mktoRootUrl=rootUrl&mktoMunchkinId=munchkinId&mktoFormId=formId 

For example, with our example embed code above this would be:

/forms/turtl.forms.marketo.v1.embed.html?mktoRootUrl=//app-sjqe.marketo.com&mktoMunchkinId=718-GIV-198&mktoFormId=621

The form will now display in your Turtl Doc as both the immerse form and the back cover form. If you want to display a different form for the back cover, you can specify a different URL in the "Back cover form URL" field.

4. Set your "thank you" message (optional)

The "thank you" message will be displayed when a reader has submitted the form on the back page of your doc. By default it will just say "Thank you", but this can be changed to whatever you want. At the end of the URL you just created add the following code:

&mktoCompleteMsg=

After the code, type the message that you would like to be displayed. As an example, I want to change the message to "感谢你注册!" (Thanks for signing up in Mandarin) it would look like this:

&mktoCompleteMsg=感谢你注册!

5. Prevent non-business emails from submitting a form (optional)

Additional query parameters can be added at the end of the URL

&mktoForceBusinessEmail=yes

if this is enabled, '@gmail.', '@yahoo.', '@hotmail.', '@live.', '@aol.', '@outlook.' emails from these domains will be skipped (non-business emails)

Note: If this is the first time your company has added a form to Turtl it will not have styling applied. Please contact support@turtl.co once your form has been added to a Turtl Doc and we will be able to get it styled for you.

Did this answer your question?