Skip to main content

How to Manually Import a Knak Asset to HubSpot

How to bring a Knak Asset into Hubspot without the Hubspot Integration

Updated over 2 weeks ago

Overview

This guide explains how to manually export an HTML asset from Knak and upload it into HubSpot's Design Manager. Use this method if your HubSpot integration is not connected.


Step 1: Export Your Asset from Knak

  1. Open your asset in Knak.

  2. Click the Actions Menu (top-right corner).

  3. Click Download > Download HTML for HubSpot.

    Screenshot of drop down menu for actions menu

Step 2: Retrieve the Asset Code

  1. Open a new tab in your browser (Chrome, Firefox, Safari, etc.).

  2. Open the downloaded HTML file in that tab.

  3. Right-click anywhere on the page and select View Page Source.

  4. Copy all the code from the source page.

    View page source page with code selected

Step 3: Paste the Code into HubSpot

  1. Log into HubSpot.

  2. Go to Content > Design Manager.

    content menu in HubSpot expanded to see Design Manager tab
  3. Click Create New File.

    Create new file button highlighted
  4. In the dialog box:

    • Choose HTML + HubL as the file type.

    • Click Next.

      New file pop up
  5. In the Set up your new HTML + HubL template dialog:

    • For “What are you building,” choose Template.

    • For “Template Type,” select Page or Email.

    • Click Create.

Set up your new HTML & HUBL template pop up

Step 4: Add HTML + HubL to Your Template

  1. In the code editor, paste the HTML code into your new file.
    HubSpot Code Editor Guide

    code editor with show output enabled
  2. Toggle the Show output switch to preview your asset.

  3. Review the preview to confirm the asset displays correctly.

    Hubspot preview page
  4. If everything looks good, click Publish Changes.

    Code editor pae with "publish changes" button boxed

⚠ Important: HubSpot Footer Tags

HubSpot requires specific tags in emails or landing pages.
Before uploading your HTML to HubSpot, make sure you’ve set the mandatory footer in Knak. 🔗 Learn how to set the HubSpot footer 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

Did this answer your question?