Marketo Style Guide

This displays the different Marketo form implementations and how they work with styles. The current XM styles are not being imported as of October 2018 to avoid conflicts.

Adding styles

To add Marketo styles to an embedded page or an iframe template, include the following code:

<iframe> form

<link rel='stylesheet' href='https://qualtrics.com/marketo/css/iframe-form.css'>
<script src="https://qualtrics.com/marketo/js/destyle-marketo-form.js"></script>
<script src="https://qualtrics.com/marketo/js/style-helpers.js"></script>

Embedded form

<link rel='stylesheet' href='https://qualtrics.com/marketo/css/embedded-form.css'>
<script src="https://qualtrics.com/marketo/js/destyle-marketo-form.js"></script>
<script src="https://qualtrics.com/marketo/js/style-helpers.js"></script>

Example styles

<iframe> form

Embedded form