HubSpot Email Guide: How to use the image module in the email application

Date Published: 04/24/2012
Author: Diana Urban
× The Email application is brand new. Because we’re working on improving it daily, what you see in the documentation may differ slightly from what you see in the app.

In some of the default HubSpot email templates, you will be able to add a standalone image to your email. You may also have set up some custom email templates with this module type. Here are the instructions for how to use this module.
 

1. Select your image

Click Select Image.

1. Select your image

 

You can then either choose from one of the images you've already uploaded to the image library, or click Upload a new image.

77ec05df-052f-4dcb-843e-4c1d9ab5e551.png

 

Once you've uploaded a new image, it will be available in your image library. Select that image and then click Use Image.

fcc60697-b273-4d5f-9bb7-cb620bd2249b.png



2. Edit the image link URL

If you would like to link this image to a page on your site, enter the page URL in the Image link URL field.

2. Edit the image link URL



3. Edit the image ALT text

Next, you should enter ALT text for this image. The ALT text should be more like a CTA than just a target keyword.

3. Edit the image ALT text

 

There are a couple reasons why you would want to do so:

1. Some email clients block images by default. When the images are blocked, ALT text will appear instead. So each image should have compelling ALT text that is compelling, and concisely describes what the image is, or what it links to on your site.

68c62538-0f27-49f8-8018-4149e29b3fdf.png

 

2. When you turn your email into a website page, the ALT text will yield the same SEO benefits as the ALT text of any image on your site.


4. Resize your image if necessary

In the preview on the right, you'll be able to see how big the image is in comparison with the rest of your email.

4. Resize your image if necessary

 

To resize the image, use the image resizer tool.

- decreases the image size 1 pixel
-- decreases the image size 25 pixels
+ increases the image size 1 pixel
++ increases the image size 25 pixels

414f55d1-b6ee-43d6-8428-381537cd181f.png

 

As you resize the image, you'll see the preview on the right update.

a420f480-5891-4ace-98bf-0d8bebdc0816.png

 

That's it! Note that you cannot change the placement of the image within this email unless you (1) edit the email template or (2) choose a different template that has the image placed elsewhere.


Was the content and structure of this article helpful? (If you are running into an issue in your account or have a specific question about your setup, please contact our Support team.)  Yes  No