- Change it in the custom modules that the template requires. Search for “Everest Email” and they will show up.
- This is kind of optional: Change the default content injected in the hubl code of the actual template. You will see a bunch of if-then statements that set variables available to default content. Change each instance to reflect what you did in step one. If this gets too complicated, then fear not. Once you go into each module in the email editor, save it. You will see the template reflect what you originally set in your module.
Sometimes the WYSIWYG editor will put an image in an html tag. See below. Notice the img is in an h3 tag. You may have to manually move the img out of the html tag.
We are exploring a way to do this with a script. Unfortunately there are some limitations with Hubspot’s platform; however, its pro’s definitely outweigh it’s cons.
Sometimes this may happen, we think we have worked out most bugs in the template for this. If it does manage to happen, do the following:
- click on the image in the editor
- you will see 4 blue dots on the corners, click on one and drag to make the image slightly smaller
- click and drag again to make the image the same size that it was
This is a little work around that will make Hubspot’s editor add some cool code to the image.
Background Image Questions
- Plan on your email looking good without it. Think of background images as the cherry on top, rather than the foundation of your email design.
- Know that not all email clients play nice with background images.
- Patterns and simple backgrounds work best.
- Email clients do not give you control of the css property background-position.
The code in the template only takes advantage of the image source – not the width or height. To keep options nice and neat, we chose to use custom modules for the email template. And custom modules give you a non-optional width and height field. This can be confusing. Think of background images as setting the “src” attribute, and forget about those extra options.
Make sure you set your row’s background color. Often times when an email client like Outlook does not support background images, your text is the same color as your background because you forgot to set the row’s background color.
- not too busy
- dark or light enough to have your text legible on all device sizes
- did we mention simple?