Adding Images to Templates via HTML

Adding Images to Templates via HTML

Ian
Written by IanLast update 6 months ago

To add Hyperise Images to your message templates is super simple and only takes two steps!

Step One

Click the Get Image Code button below the image canvas, select Add New to find the platform you're using. If you can't find it, select Custom Integration to add it yourself (learn more about this process here ).

Once you have added the integration, copy the Image code.  The image code copied will include all the required personalisation tags to personalise your message template.

Step Two

Now all that is needed is to add the copied image code to your template in your selected platform.

There are a couple of ways you can embed a Hyperise image into your integration platform of choice, the typical choice is to use a HTML or Code block.

HTML Block

Use this option if your selected platform has a HTML content block option (this is sometimes called a Code Block). Hyperise will provide the full HTML code for the image, which can then be added to your message, simply drag in the HTML Block into your message template and then paste in the code copied from Hyperise.

OR

View Source

Use this option if your selected platform has a view source option, which enables you to view the message template source code. Hyperise will provide the full HTML code for the image, which can then be added to your message, simple toggle to the source/HTML view, paste in the code copied from Hyperise and then toggle back to WYSIWYG view and you're image will now be visible.

Regardless of which of the above methods you use, thats the process finished! The Image code will now dynamically personalise each time the message template is used, without any further work needed.

Learn More about Custom Integrations:

Adding custom merge tag variables to existing Integration

Creating a new Custom Integration

Did this answer your question?