Adding a form for your landing page is straight forward. Simply click and drag the 'form' content block to the location you want.
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.
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.
With the embedded form, you can use the default style or you can use Knak's Custom Style options:
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.
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
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
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