Skip to main content

HTML Import

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

Updated this week

This feature is currently in beta testing. If you would like to participate, please contact your CSM.

What is HTML Import?

HTML Import is a new feature that allows you to import existing HTML email files directly into Knak using AI. It will generate a draft email that may require additional formatting for layout changes. This helps streamline the process for teams migrating assets into the platform by reducing manual effort and providing a solid starting point for refining content in the Knak Builder.

How to enable HTML Import

  1. From the Admin Settings page, enable the checkbox for importing HTML files. Note that Knak AI must be enabled first to access this feature.

  2. There is a user permission to access this feature that is automatically applied to Admin roles. To enable the permission for other email creators, go to Admin, Roles, then enable "create email from HTML" from within the Email Creator role permissions.

How To Use HTML Import

  1. Open a Campaign: Navigate to the campaign where you want to add your email.

  2. Select β€œCreate”: Click the drop-down menu and choose Create Email from HTML.

    Empty Campaign folder with create menu expanded

  3. Upload Your HTML File: Drag and drop your .html file into the upload window or browse for the file.

  4. Confirm the Upload: Click "Import HTML" to start the upload process.

    Confirmation of selected HTML file with "Import HTML"

  5. HTML file is now importing. The email name will be pulled from the HTML file if one is present, or it will use the name of the file.

  6. Check Your Notifications: You’ll receive a confirmation in your notifications once the upload is complete.

    Notification that the HTML file was imported and completed



Important Notes

Partial Import: This tool is not designed to import 100% of your email exactly as-is. Instead, it gives you a strong starting point for refinement in Knak. Some design or formatting adjustments may be necessary post-import, including dark mode support or image sizing.

Email support only: we currently support HTML to email. Landing pages are not supported at this time.

Image URLs: Images brought in through HTML Import link to their original source. You must have the rights to use any imported images and ensure they are hosted on a stable and accessible platform such as the Knak Image Library or a DAM. Using external or copyrighted images without permission may lead to broken content or copyright violations.

Image Alt Text: Images which contain placeholder alt text such as "image" will be imported with the placeholder text. Make sure you update the alt text to ensure accessibility.

AI driven: this tool uses AI and thus us non-deterministic, meaning you may get a slightly different result each time you use it.

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.

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

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?