HubSpot Email Templates

Preview text appears in the inbox after the subject line in most email clients. Even though it is optional, it is good practice to add relevant text here. Find this text under the Subject in the Settings tab.

To activate the “view in browser” feature follow the instructions on Customize email web version link from the HubSpot website. You can keep the default settings on the block that is created.

When cloning an email: The webpage email title is not copied. Be sure to fill out the new webpage title and URL in settings.

Change the logo

1. Hover over the logo and select the edit icon
2. Select replace over the image
3. Choose the correct horizontal logo
   • IMPORTANT: Be sure to use the logo lock-ups that are in the “Lab Logos” folder – these have the correct sizing (2x the logo size) and clear space around the logo.
   • You may have to click a “View All” link in the image selector to see the folders.
4. Make sure the logo has appropriate Alt text – it should say the same text of the logo “Cornell Lab [Project Name]”
5. Change the height to “90”
6. The link can be updated to the project website
7. Leave all other options as is

If your project requires a partner logo in the header, you can use the template called “Cornell Lab w Partner Logo.” This template provides an area to upload a logo strip along with the project name below them.

The logos on this template must be a single image file so that they do not stack on mobile. Please work with a designer to provide this design. Logos should be placed in the “Lab Partner Logos” folder for easy access.

Some projects still use only the Cornell Lab logo in the header. If you require a partner logo within content, we recommend using the Partner Logo Saved Section. See the next header, Saved layout sections, for more information on accessing saved layouts.

The logo should have white space built into the image. Do not forget alt text!

Some pre-built layouts are available under “Saved Sections” to help with email display.

1. In the left sidebar, go to “Saved Sections” and click “More”
2. Drag a layout to the email body – it cannot be dragged into an existing layout
3. Be sure to remove any unused content in the section

LAYOUT Article Columns

LAYOUT Article 30-70

A callout layout with a background color is also available.

To change the background color, click on the layout and select “Body color” in the sidebar. To stay within our brand, use only the following background colors (these colors are available under Brand colors):

Be sure to change the font colors to white for darker backgrounds. More color options can be found on our Colors page, but please use them sparingly.

To change the background color of a button, click on the button and select “Background color” in the sidebar. To stay within our brand, use only the following background colors (these colors are available under Brand colors):

Take note of the text colors for the lighter backgrounds (black) vs the text color for the darker backgrounds (white).

Social links

To add social links:

1. Add the Social content block, preferably right above the footer
2. Next to Social Network, click “Add”
3. Select the social site from the Network dropdown
4. Add the appropriate URL to the website