Knak helps you create beautiful, on-brand landing pages with an easy-to-use builder. Now, you can take advantage of several styling options in Knak to ensure your landing page form aligns with your page's look and feel.
Using Account Engagement (Pardot) custom form styling in Knak
Once you've created your landing page in Knak, it's time to bring your Account Engagement (Pardot) form in. Drag in a form content block from the right-hand panel.
Next, select Import Form
Select your Account Engagement (Pardot) integration from the Integration dropdown, then select your desired form to import
Once you've imported your form, select Custom Style
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.
Account Engagement (Pardot) custom form styling options
Form width
Form alignment
Label alignment, width, and position
Font
Text size
Button alignment, text colour, overall colour, corner radius, and padding
Input text colour and background colour
Bolder colour and width
Input corners and text size
Input padding (inner and outer)
Bolding of required fields
Showing asterisks
Asterisk position and colour
Form error handing (scroll to errors, change label text on error, hide inline & banner error messages)
Full-form background colour, corner radius, box shadow, and padding
Border line type, colour, and thickness
FAQs
How do I create a new form on Pardot without the synced Knak layout template?
When creating a new form in Pardot, it must be linked to a Pardot layout template to be created. This can cause confusion as Knak landing pages get synced as layout templates, which are then used in Pardot landing pages. So how do I use a link a form to a layout template that doesn’t exist yet?
You can link the form to any existing layout template to create the form, and this will not affect the ability to custom style a form within Knak. Once you click ‘custom styles’ after the form has been imported, you should be able to customize the look of your form how you choose.
As long as you select the correct form and correct layout template when creating the landing page object on Pardot, your form will appear as you have styled it.
A recommended practice is to create a blank default layout template, and always link new forms to that.
When downloading the HTML for Pardot, I see %%content%% instead of the form. Why is that?
This is due to the way we make the custom styles on Pardot work. When creating a new landing page in Pardot, Pardot will automatically insert the form you selected into where the %%content%% tag shows in your synced layout template. This results in producing the landing page as you see it in Knak.
Therefore, if you can’t sync the asset directly to Pardot and need to upload the downloaded HTML, your custom-styled Pardot form will still appear as you made it.
Need more help? Contact Support via live chat within Knak using the chat bubble in the bottom right corner or email support@knak.com