Skip to main content

Adding a Form to a Landing Page in Marketo

Adding a form for a Marketo landing page

Updated over a week ago

Adding a form for your landing page is straight forward. Simply click and drag the 'form' content block to the location you want.

Dragging a form content block into empty column

If the form needs updating or changed, you will need to delete the form in Knak and re-import the form to display the changes made in Marketo.

The form content block will be a placeholder. If you don't add want to add an embedded form, this will become a placeholder for the form. With the placeholder, you can add a form background color, a corner radius, inner and outer padding and a border on any of the sides.

Form placeholder block added into landing page

You can also add an embedded form directly into the landing page by clicking on the form and selecting Import Form.

After clicking on this, select the integration and the form you want to embed into the landing page. Wait for the preview of the form to show in the Select a From window and then select Use This Form.

Select a form popup screen

With the embedded form, you can use the default style or you can use Knak's Custom Style options:

Imported Marketo Form in Knak with custom style applied

From here, you'll be able to take advantage of a number of styling options to ensure your form matches the look and feel of your landing page.

Expand this section to see Marketo custom form styling options

  • Form width

  • Form alignment

  • Label alignment, width, position, and line height

  • Checkbox label vertical alignment, width, and position

  • Font

  • Text color and size

  • Button width, alignment, text color, overall color, corner radius, and padding

  • Input text color and background color

  • Bolder color and width

  • Placeholder color

  • Input corners and text size

  • Input padding (inner and outer)

  • Bolding of required fields

  • Showing asterisks

  • Asterisk position and color

  • Full-form background color, corner radius, box shadow, and padding

  • Border line type, color, and thickness

  • Form text size for H1/H2/H3 size

  • Strip custom CSS

  • Follow-up URL

  • Checkbox/Radio list grid gap, text size, and list padding

Expand to view advanced form feature options

Progressive profiling

You can use progressive profiling in Knak to hide or show fields based on user input. This feature needs to be configured in Marketo for this to work as expected in Knak.

Form pre-population

You can pre-fill the fields in the form if you already know certain data about the user who is filling in the form. This can be useful when converting leads as some people prefer not to provide their name and email if they feel that you should already know this information. Knak fully supports form pre-population. Your form must be configured with prefill data in Marketo for this to work as expected, this cannot be configured within Knak.

Form submission redirect overrides

In Knak, you can configure where a form redirects to after submission. Your configuration in Knak will override what is in Marketo.

This can be useful for customers who utilize forms at scale as you can now re-use the same Marketo form on multiple landing pages and have each one redirect to a different location. You won't need to clone the form multiple times and clutter up your Marketo instance.

Note: For the form follow-up URL feature, Google Tag Manager script often interferes with the javascript we use to set the form follow up URL. If you need both the GTM script and a specific form follow up URL, then our recommendation is to keep the GTM script in Knak and then update the form once you've synced your landing page over to Marketo.



​Need more help? Contact support via live chat within Knak using the chat bubble in the bottom right corner or email support@knak.com

Did this answer your question?