Skip to content

Adding a CleverGIF to Your Hubspot Email

Hubspot makes it super easy to use CleverGIFs in your e-mails, through its dynamic image feature.

1. Get Your Dynamic HTML

First, select HTML from the Deploy page. (Haven’t deployed yet, click here for instructions)

2. Add Your Image To Your Email Template

In Hubspot’s email editor, add an ‘HTML – Email’ block to your template by dragging the image block from the sidebar into your email template.

You’ll find the ‘HTML – Email’ block under ‘+ More’ in the content section.

With your block selected, in the ‘Edit HTML’ panel paste the HTML code between the <p> and </p> tags, replacing the line ‘Add custom HTML to your email.’

Replace ‘####’ with the relevant merge tags.

Tip: to get the right code for the merge tag, add a personalisation item to a new text box, then click ‘More’ -> ‘Source Code’ (the little code icon). This will show the text for the merge tag, which will begin ‘{{‘ and end ‘}}’.

For more on merge tags, visit our Hubspot Merge Tags page.

3. Preview Your Template

When using a CleverGIF you will see your default value appear in your template. To see how it will look in the final email, press ‘Actions’ -> Preview.

With a contact selected from your deployed list, you’ll see a preview magically appear in the preview window!

That’s it! You’re ready to go!

If you have any questions or need further support, please don’t hesitate to get in touch with us via the contact form on your account.

Helpful Links: