How To Get An Image To Upload To Hub Spot

In this post, I will walk you through the steps of uploading an image to HubSpot, including detailed instructions and my personal feedback. As someone who frequently uses HubSpot, I have found the image upload procedure to be simple and effective.

Step 1: Accessing the Content Editor

To start, log in to your HubSpot account and navigate to the “Content” tab. From there, click on “Website Pages” or “Blog Posts” depending on where you want to upload the image. Select the specific page or post where you want the image to appear.

Step 2: Adding an Image Module

Once you are in the content editor, locate the section of the page or post where you want to place the image. Click on the “Add module” button to insert a new module. Choose the “Image” module from the list of options available.

Step 3: Uploading the Image

After selecting the “Image” module, you will see an image placeholder. Click on it to open the image upload dialog box. From here, you have two options:

  1. Upload a New Image: Click on the “Upload” tab and then on the “Select a file” button. This will open your computer’s file explorer, allowing you to choose the image file you want to upload. Once selected, click “Upload” to add the image to your HubSpot media library.
  2. Use an Existing Image: If you have previously uploaded the desired image to your HubSpot media library, click on the “Media Library” tab. From there, locate the image and click on it to select it. Once selected, click “Insert” to add the image to the module.

Step 4: Adjusting Image Settings

After uploading or selecting an image, you can adjust its settings to fit your needs. HubSpot provides several customization options, including:

  • Alt Text: Enter a brief description of the image that is displayed when the image cannot be loaded. This is also important for SEO purposes.
  • Dimensions: Adjust the image width and height to fit your layout. You can also choose to maintain the image’s aspect ratio.
  • Alignment: Select how you want the image to be aligned within the module.
  • Link: Specify a URL that the image should link to when clicked.
  • Styling: Customize the image’s border, background color, and other visual properties.

Step 5: Saving and Publishing

Once you have uploaded and customized the image to your liking, click the “Save” button to save your changes. Review the placement of the image within your page or post and make any necessary adjustments. When you are satisfied with the results, click “Publish” to make your changes live.


Uploading an image to HubSpot is a simple process that can greatly enhance the visual appeal of your website pages and blog posts. By following the steps outlined in this article, you can seamlessly integrate images into your HubSpot content. Remember to optimize your images for web and consider the impact they will have on your overall page loading speed. Happy uploading!