Skip to content

Adding a CleverGIF to Your Sendinblue Email

Sendinblue makes it easy to use CleverGIFs in your e-mails using their HTML block.

1. Get Your HTML URL

First, select the HTML embed code option from the CleverGIFs deployment page. Copy this HTML for use later. (Haven’t deployed yet, click here for instructions)

2. Add a HTML Block To Your Email Template

Sendinblue1

In Sendinblue create your email campaign. Drag the HTML block from the left-hand panel on to your email.

Once you’ve dragged the HTML block into your email the HTML editor will then pop up. You can delete the HTML sample code and replace it with the code from the CleverGIFs deployment page. In this example the HTML looked like this: <img src=”https://app.clevergifs.com/creation/nwd1yg/V6vZB6/?FNAME=####”>

Sendinblue2

Then replace the #### with your merge tag(s) within Sendinblue. In this example the merge tag used was the First Name. The way that Sendinblue denotes their merge tags is by using a percentage symbol before and after {{merge tag}}

{{ contact.FIRSTNAME }}


So the HTML we entered was <img src=” https://app.clevergifs.com/creation/nwd1yg/V6vZB6/?FNAME={{ contact.FIRSTNAME }}”>

You can find out more information about other merge tags from the Sendinblue website here.

Sendinblue3

After a few moments a GIF will populate. It takes a moment as it will be generating a GIF for the value {{ contact.FIRSTNAME }}. You might need to refresh the page after about 30 seconds.

Sendinblue4

To preview the GIF personalization click on the “Continue” button on the top right-hand corner. Then click on “Preview & Test”

3. Preview Your Template

Sendinblue5

To check your configuration enter an email address of one of the users who you have deployed a GIF for and the preview window will update to show their name in the GIF.

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: