Skip to main content

How to add a Form to a Landing Page in Knak

Learn how to add a form to your landing page and utilize custom styles to match your branding in Knak.

Updated over a week ago

Add a Form Block

You can add a form to your landing page by dragging the form content block to your preferred location.

  • Go to the content panel.

  • Drag the Form block onto your landing page.

Dragging a form content block into empty column

If you do not import a form, the block will act as a placeholder. You can still customize it by adjusting:

  • Background color

  • Corner radius

  • Inner and outer padding

  • Borders on any side

Embed a Form from a Marketing Automation Platform

You can also import a form directly into the block.

1. Click the form block.

2. Select Import Form.

Form placeholder block added into landing page

3. Choose the integration (e.g., Marketo, Eloqua, Pardot).

4. Select the form from the dropdown.

5. Wait for the preview to load.

6. Click Use This Form.

Custom Styling Support by Platform

Different MAPs support different custom style options. Use the table below to see which styles are supported by Marketo, Eloqua, and Pardot.

Style Option

Marketo

Eloqua

Pardot

Form width

Alignment

Label Align

Label width

Label position

Checkbox label width

Checkbox label position

Checkbox vertical align

Label Line Height

Font

Text color

⚠️

Text size

Button width

Button align

Button text color

Button color

Button corners

Button padding

Input text color

Input text background color

Border color

Placeholder color

Border width

Input corners

Input text size

Input padding (inner)

Input padding (outer)

Required fields bold

Show asterisk

Asterisk position

Asterisk spacing

Asterisk color

Form error handing - Scroll to errors

Form error handing - Change label text on error

Form error handing - Hide inline error messages

Form error handing - Hide banner error messages

Form background color

Corner radius

Box shadow

Form padding

Border Line

Border color

Border thickness

Form Text

Multi-columns

Strip custom CSS

Follow-up URL

Checkbox/Radio List Grid Gap

Checkbox/Radio Text Size

Checkbox/Radio List Padding


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?