Skip to main content

HTML Import

Use HTML Import to upload your own HTML files and turn them into editable Knak emails.

Updated over a week ago

What Is HTML Import?

HTML Import lets you upload existing HTML email files into Knak. The feature uses Knak AI to create a draft email in the Knak Builder.

Use this feature to:

  • Migrate existing email assets into Knak

  • Reduce manual rebuild work

  • Start with a structured draft for faster editing

The generated email may need layout or styling updates after import.


Enable HTML Import

Step 1. Enable the Feature

  1. Go to Admin Settings

  2. Enable the checkbox for Import HTML files

Admin Settings page showing ‘Import HTML files’ checkbox enabled

Step 2. Update User Permissions

  1. Go to Admin

  2. Click Roles

  3. Select the role (ex: Email Creator)

  4. Enable Create email from HTML

    Roles settings with ‘Create email from HTML’ permission enabled

Use HTML Import

Step 1. Open a Campaign

  • Go to the campaign where you want to add your email

Step 2. Create Email From HTML

  1. Click Create

  2. Select Create Email from HTML

Create menu with ‘Create Email from HTML’ option selected

Step 3. Upload Your File

  • Drag and drop your .html file

  • Or click to browse and upload

Upload area showing drag and drop HTML file option

Step 4. Confirm Import

  • Click Import HTML

Import HTML button ready to start HTML file import.

Step 5. Wait for Processing

  • Your file begins importing

  • Email name comes from the HTML file or file name

Step 6: Check Notifications

  • Wait 1–2 minutes

  • Look for a notification when the import is complete

    Notification message confirming HTML import is complete

What Happens After Import

  • A draft email appears in the Knak Builder

  • Content is editable

  • Some styling or layout updates may be needed

Important Notes

Partial Import

  • The import is not exact

  • Expect to adjust layout, spacing, or styles

  • Dark mode styles are not included

Email Support Only

  • Only email HTML files are supported

  • Landing pages are not supported

Image Handling

  • Images keep their original URLs

  • Upload images to a stable source like:

    • Knak Image Library

    • Digital Asset Manager (DAM)

Image Alt Text

  • Placeholder alt text (ex: “image”) is imported as-is

  • Update alt text for accessibility

AI Variability

  • Results may vary each time you import

  • Try again if the output is not ideal


Supported Functionality

Category

Feature / Use Case

Supported

Notes

📄 General Functionality

Import .html files directly

Drag-and-drop upload supported for email HTML.

Import .eml files

.eml email files can be parsed and processed like HTML.

Landing pages

Landing pages have extra complexity and are not currently supported.

Output is editable in Knak Builder

Generates a draft email for in-platform editing.

Notifications on completion

Users receive notification when import finishes.

🧱 Layout & Structure

Maintains image width

Imported images retain original widths as defined in HTML.

Section and background colors

Background and section coloring are preserved.

Stackable columns honored

If columns are stackable on mobile, import respects this behavior.

Responsive visibility — images (mobile/desktop)

Images set to show only on desktop or mobile will import with correct visibility settings.

Tables

Tables are not yet supported

Responsive visibility — other elements (mobile/desktop)

Non-image elements with platform-specific visibility settings are preserved.

🎨 Styling & Visuals

Maintains font size, line height, text color (via text attributes)

Styling is applied at the component level, not inline — must use text component properties.

Bold, underline, and links preserved (if applied to portions of text)

These are the only supported styles for partial text styling.

Link color and underline handled via text component

Should be defined using text block styling options.

Padding on elements is preserved

Padding defined in HTML will be honored.

Text symbols (e.g., ampersand &, © copyright)

Symbols render properly post-import.

Inline CSS for text is stripped

Stripped to avoid rendering issues as these can be hard to identify - use text styling controls instead.

Dark mode support

Dark mode support is not imported

Tables

Tables are not yet supported

Font import support (e.g., Google Fonts)

🚫

Partially Supported

Custom fonts may not be preserved; fallback fonts will apply.

🖼️ Images & Assets

Images retain original URLs

Linked to original hosting - not moved to Knak Image Library.

Automatically added to Knak image library

Manual upload required if stable hosting is desired.

⚙️ Advanced Behaviors & Script

AMPscript, VelocityScript, or custom scripting

Stripped entirely during import.

JavaScript or dynamic content

Will be removed - not supported for security/compatibility.

AI-generated results may vary

Non-deterministic import — same file may yield slight differences on each run.


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?