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.
Access File Manager
Navigate to Content > File Manager. You can also access File Manager from the sidebar of Design 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.
Upload files to a folder
Now you can open a folder you've created just by clicking on its name.
There are two ways to upload files:
- Click on Upload Files to browse your computer's hard drive for files to upload.
- Drag the files from your hard drive to the dotted rectangle.
Get file URL
The quickest way to copy the URL of a file is by clicking Copy URL from the sidebar of File Manager.
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.
Select the domain from the dropdown and copy the URL.
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.
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.
Click on the grid view icon to view the contents of File Manager in a grid, with adorable little icons.
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.
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.
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.
Choose the folder that you want to move the file to and then click the Move button to finish moving the file.
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.
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.
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.
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.
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.
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.