Knak helps you create beautiful, on-brand landing pages. You can also customize the appearance of your Eloqua forms directly within Knak. After syncing your landing page to Eloqua, you can preview the published version to verify that your styling appears correctly.
Import an Eloqua Form
After creating your landing page in Knak, import your Eloqua form.
Step 1: Add a Form Content Block
Open your landing page in Knak.
Drag a Form content block onto the canvas.
Step 2: Import Your Eloqua Form
Select Import Form.
Choose your Eloqua integration from the Integration dropdown.
Select the Eloqua form you want to use.
Click Use This Form.
Customize Your Eloqua Form
After importing your form, you can apply custom styling to match your landing page design.
Enable Custom Styling
Select the imported form.
Click Custom Style in the form settings panel.
Available Styling Options
You can customize the following elements:
Form width
Form alignment
Label alignment, width, and position
Checkbox label width, and position
Font
Text color and size
Button width, alignment, text colour, overall colour, corner radius, and padding
Input text color and background colour
Bolder color and width
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
Multi-column layout
Preview Your Styled Form in Eloqua
After syncing your landing page to Eloqua, the form may appear differently within the Eloqua editor.
This behavior is expected.
The Eloqua editor applies its own styling to landing page previews. These styles can override the custom styling applied in Knak.
To view the final version of your landing page:
Step 1: Select a Microsite During Sync
Before syncing your landing page from Knak to Eloqua, select a microsite.
Step 2: Open the Landing Page in Eloqua
Navigate to your synced landing page in Eloqua.
Open the landing page editor.
Click the URL displayed above the form preview.
The published landing page opens in a new browser tab.
Step 3: Review Your Landing Page
The published landing page opens in a new browser tab.
You can now view the page with all custom Knak styling applied.
Why Does the Form Look Different in Eloqua?
The Eloqua editor automatically applies its own landing page styles. These styles can affect the appearance of embedded forms during editing.
The published landing page displays the final version that visitors will see. This version includes the custom styles created in Knak.
Need more help? Contact support via live chat within Knak using the chat bubble in the bottom right corner or email support@knak.com.