Add a JavaScript file to HubSpot

In your design manager, you can host and edit JavaScript files. Learn how to create a JavaScript file and linking it to a template or domain.

In your HubSpot account, navigate to Marketing > Files and Templates > Design Tools.
In the left sidebar menu, click Actions > New file. You may need to click the folder icon folder to expand the menu.

new-file

In the next dialog box, enter a name for your JavaScript file and click Create.

Type or paste your JavaScript into the code editor.
If you've enabled ESLint, you can see any JavaScript warnings or errors by clicking to toggle the Show output switch on.
In the upper right, click Publish changes to take your changes live.

In the finder, click the template you want to update.
In the inspector, click the Edit tab.
In the Linked JavaScript files section, click the Add dropdown menu and select your JavaScript file.

attach-javascript-file

You can include your JavaScript file on all the pages of a HubSpot-hosted domain using the public URL.

In your HubSpot account, click the settings icon settings in the main navigation bar.
In the left sidebar menu, navigate to Website > Pages.
Click the Modifying dropdown menu and select the domain to add the JavaScript file to.
In the Site footer HTML section, paste the public URL as the value for the script tag’s source.

<!-- start Main.js Do Not Remove -->
<script src='insert your file's public URL here'></script>
<!---End Main.js-->