Working with Images in Email
Saving images to use in your emails
Email template images are stored in the Email Image Library section of the Files tab or Documents tab. If your desired image is not already in your library, you must add it to the library before you can use it in an email template:
To save Images to the Files folder
- Navigate to the Files tab.
- Click Libraries.
- Click on the TargetX Builder - Email Images library.
- Click Add Files, then Upload Files.
- Ensure that the image meets the recommended dimensions for images and graphics in TargetX Email.
- Select the file and select Upload.
- Users with access to the Library will now be able to access the image for Email Templates.
Supported Image File Types:
- JPEG
- PNG
- GIF
- BMP
TargetX email does not automatically update email templates with new file versions. Once you have created a file image and inserted it into an email template, uploading a new version of the image WILL NOT update the image in the template and will break the image.
- We recommend uploading all new images as new files in the TargetX Builder - Email Images library.
- To make new versions of a file already in use visible, the user must go into any templates where the image is being used, re-select the image file, and re-save the template to update the image.
To save Images to the Documents folder![Edit section](https://a.mtstatic.com/skins/common/icons/icon-trans.gif?_=f4955f6c64b0d2a9fd6ec2bcca0151e427e2f0d3:site_9264)
- Switch to Salesforce Classic
- Navigate to the Documents tab.
- Click Email Image Library.
- Click the New Document button.
- In the "Document Name" field give your image a name.
- The "Document Unique Name" field will auto-populate.
- Make the image Externally Available Image to be used in Email.
- Ensure that the image meets the recommended dimensions for images and graphics in TargetX Email.
- Select the file from where it is saved on your computer, or enter the reference URL.
- Click Save.
Inserting an Image into an Email Template
- Navigate to the Campaign Builder tab.
- Select the Templates icon in the bottom navigation bar.
- In the Templates List window, select to Edit your email template.
- In the Layout screen, add Sections to the template.
- Select the Image widget in the Content section of the Layout tab.
- On the Content tab, select from File, Document or URL radio buttons.
- The File option displays an Image picklist of any items stored in Files.
- Manage Images button takes you to the Documents or Files folder in SF where you can upload new images.
Note: If you want to use a URL, you MUST add it directly in the builder.
Select the image from the picklist to insert the image into the template. Note: If you selected Files, select Manage Images to navigate to your Salesforce Files folders to add or edit images.
Troubleshooting tips if your image is not displaying
The following conditions can result in an empty widget and cause the image to be hidden in the email preview and the actual email:
- Button, code, or text widget with no content
- Image and Image Gallery widget with no source URL
- Image Caption widget with either no source URL or no caption content
- Social widget with all social media links empty
Supported Image File Types
- JPEG
- PNG
- GIF
- BMP
*Important*
TargetX email does not automatically update email templates with new file versions. Once you have created a file image and inserted it into an email template, uploading a new version of the image WILL NOT update the image in the template and will break it.
We recommend uploading all new images as new files in the TargetX Builder - Email Images library.
To make new versions of a file already in use visible, the user must go into any templates where the image is being used, re-select the image file, and re-save the template to update the image.
Embedding animated gifs in Emails or Portals
- If you're starting with a video you're converting to a gif, you'll need to crop your video to the few seconds you'd like the gif to show and then convert the video to a .gif file format. There are several free sites that allow you to do this, and professional video and image editing software also have this capability.
- Upload your gif to a hosting site; several free sites will allow you to host images publicly. Be cautious of using Google drive for this purpose, though - we've found the location URL to be dynamic, so just because it works at first doesn't mean it will continue to work in perpetuity.
- Once uploaded, copy the image address - right-click the image, and then select 'Copy Image Address.'
- For Email builder, insert an image content block, and toggle the 'use external image' slider. Paste the Image Address from step 3 into the URL field.
- For Portal, insert an image content block, select the URL radio button and paste the Image Address from Step 3 into the Source URL field.
Recommended dimensions for images and graphics in TargetX Email
The TargetX Email template designer includes five (5) layout sections in which images can be displayed. When choosing images for each section, please consider the following recommended dimensions for image width:
- One Column - 600 pixels wide
- Two Column - 300 pixels wide
- Three Column - 200 pixels wide
- 3/4 Column Left or 34 Column Right - 400 pixels wide (larger block), 200 pixels wide (smaller block)
Note: Image height recommendations are not provided as the image will render vertically based on the height specified in the image. The template designer constrains only the width. Please be sure your image heights are not disproportional to your image width.