How to upload your site assets to File Manager

Last updated: November 10, 2016

Available For:

Product: HubSpot Marketing
Subscription: Basic, Professional, & Enterprise

Uploading PDFs, images, fonts, videos, audio files, and any other assets to File Manager will equip you with all of the materials that you need to build out your pages, posts, and emails.

Just as with other file management apps, HubSpot's File Manager gives you the ability to create folders or directories and then add files to those directories. All files uploaded to File Manager are hosted on a global content delivery network that helps load your assets in a flash, no matter where around the world your visitors are from. Use File Manager to upload and host your website's assets on HubSpot's content delivery network servers. 

Instructions

This article walks you through how to upload and organize the files in your account's File Manager. You can either upload assets when adding content (images, documents, etc.) via the content editor or you can access the standalone app. This tutorial explains how to use the standalone app.

Choose a custom domain to host your files

This step is optional, but before you begin uploading your design assets to File Manager, you may want to select a custom domain to host your assets, rather than hosting your files on a HubSpot CDN domain.

To select a default File Manager hosting domain, navigate to Content > Content Settings and choose from any of your domains connected to HubSpot from the dropdown under Default File Manager Hosting Domain. To learn more about connecting a domain to HubSpot, check out this article.  

Choose domain

Access File Manager

Navigate to Content > File Manager. You can also access File Manager from the sidebar of Design Manager.

Navigate to File Manager

Create folders to organize your files

Once you are in your File Manager, you'll want to create some folders to organize your content. Staying organized with folders will not only help during the design process, but also when marketers need to locate specific assets while creating content.

You can create a new folder by clicking on the button with a folder icon. Name your folder and press Create.

Create folder

Upload files to a folder

Now you can open a folder you've created just by clicking on its name.

Folder-Select.png

There are two ways to upload files:

  • Click on Upload Files to browse your computer's hard drive for files to upload.

OR

  • Drag the files from your hard drive to the dotted rectangle.
Upload file

Get file URL

The quickest way to copy the URL of a file is by clicking Copy URL from the sidebar of File Manager.

Copy-URL-File-Manager.png

If you want to select which domain to generate the file URL on, click the gear icon next to the file name in question and then clicking on Get file URL.

Get-File-URL.png

Select the domain from the dropdown and copy the URL.

Select-Domain.png

More File Manager features

Here's a short list of other handy features of the File Manager that you might need as you manage your assets on HubSpot. Click here to see a list of supported file types.

List view

File Manager has two views: list view and grid view. Click on the List View icon to view the contents of File Manager as a list.

List-view-1.png

Grid view

Click on the grid view icon to view the contents of File Manager in a grid, with adorable little icons.

Icon-view.png

Search for files

You can use the search bar at the top of File Manager to search for any file or top-level folder. The search is not limited to the folder that you are currently viewing.

Search

Replace files in the File Manager

You can replace a file in your File Manager by clicking on the gear icon next to the file name in question and then clicking on Replace. Since HubSpot files are hosted across a content delivery network that loads your assets from all around the globe, after you replace a file, you may sometimes see the cached version of the file for a period of time.

replace.png

Move files

You can move a file in your file manager by clicking on the gear icon next to a file name and then clicking on Move.

move.png

Choose the folder that you want to move the file to and then click the Move button to finish moving the file.

move-file.png

Archive files

If you want to hide a file from appearing in your File Manager, but not delete it permanently and have it still be accessible at its public URL, click on the gear icon next to a file name and then click on Archive

archive-files.png

To see a list of your archived files, you can use the drop-down menu at the top of File Manager to view Archived files.  

archived-filter.png

Delete files

You can permanently delete a file from your File Manager by clicking on the gear icon next to a file name and then clicking on Delete.

delete-file.png

Clone & edit

For images, there is a Clone & edit option. This option gives you advanced photo capabilities. You can learn more about editing photos here

clone-edit.png

Export all files

You can export a zipped archive of all of your files, too. Just click on the Export button at the bottom of the file manager and provide an email address for us to email a link to where you can download the zip file when it's ready.

Export-files.png

Inserting file URLs into the code editor

The URLs for any files uploaded into File Manager are available to be inserted directly into the Code Editor in Design Manager. While working on a coded file, click Actions > Insert file URL to insert the URL of a file from File Manager into your code. 

HubSpot Help article screenshot

Previous article:

Next article: