Skip to main content
All CollectionsIntegrationsMarketing Automation PlatformsHubSpot
How to Manually Import a Knak Asset to HubSpot
How to Manually Import a Knak Asset to HubSpot

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

Updated over a week ago

This article covers how to export or download asset from Knak so you can upload it into HubSpot.

How to export your asset from Knak

  1. Open your asset and find the "publish" button on the top right corner. After selecting publish, click download > download HTML for Hubspot.

Screenshot of drop down menu for publish tab

How to retrieve the asset code

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

  2. Open the asset you just downloaded in the new tab.

  3. Hover your mouse over the asset, right click and select 'view page source.'

    right click to see menu with "view page source" option

  4. Select or highlight ALL of the code and copy

View page source page with code selected

How to paste the code into HubSpot

  1. Open Hubspot and create a new HTML + HubL file In your HubSpot account, navigate to Content > Design Manager.

    content menu in HubSpot expanded to see Design Manager tab

  2. At the top of the left column, click the File menu and select New file.

    File drop down menu with option to create new file
  3. In the New file dialog box, click the What would you like to build today? dropdown menu and select HTML + HubL, then click Next.

    New file pop up

  4. In the Set up your new HTML + HUBL template dialog box, enter the details of your new file: Under the "What are you building" section input "Template" and for "Template Type" choose page or email. After filling all of this in, don't forget to press Create.

    Set up your new HTML & HUBL template pop up

Add HTML + HubL to your template

  1. Once you have configured your new file, you'll be directed to the code editor to add your custom code. From here, paste the HTML for your template.

  2. To display how your HubL will render, click to toggle the Show output switch on. A panel will open on the right with the rendered preview.

    code editor with show output enabled

  3. Make sure to preview your asset to make sure everything looks correct.

    Hubspot preview page

  4. After previewing if everything is ready to go, click the Publish Changes button at the top right and you're all set!

Code editor pae with "publish changes" button boxed

**Important to note: HubSpot does require specific tags to be included in their landing pages/emails, learn more here about how to set the mandatory footer in Knak before uploading your HTML to HubSpot: Sending Knak emails from HubSpot.


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?