How to Create a Dynamic Image


The Dynamic Image Editor allows you to create image templates that automatically update to the prospect viewing the image.



AT THE CORE OF THE HYPERISE TOOLKIT IS THE DYNAMIC IMAGE EDITOR,ENABLING 16 POINTS OF PERSONALISATION.


  • Create dynamic images using any browser, no special software needed!
  • Hyper Personalise your images; add dynamic layers that update on the fly
  • Insert website screenshots, company logos, profile images, app screenshots, custom text and much more
  • Create personalised images at scale to increase your engagement and reply rate

Personalisation Layers & Canvas

Each of the eight controls can be dragged onto the image canvas, to add further layers to your image.



Once added to your image canvas, these layers can be further manipulated.  


Hover over a layer control and the type will be shown.  Click a layer control to select it and reveal controls and menu. 



Image Canvas Controls

The image canvas defines your image template settings, you can control size, as well as background colour/image.



Snap to Grid allows easier alignment when you have multiple layers within your image.


Image Layers

The Layers control provides an overview of the layers added to the image.


The order of layers within the control represent the order in which the layers are shown; each layer can be dragged up or down the list to set the visibility order within the image template.


A layers visibility can be toggled on/off by clicking the eye icon on each layer.


Clicking the layer name allows this to be updated to something meaningful, allowing easier management of the image template, if lots of layers are used.


Each layer can be expanded to show the control options, either by using the drop down arrow, or the controls inline menu.



Integrations and Data Sources

The Integrations section of the image editor allows you to add different methods of dynamically updating your image template.  See the Data Sources help section for further details on these options.



As you select an integration the Image template Link and Preview will update, based on the requirements of the image and the data source.


Naming and Saving

The top panel of the image editor allows control of the template name, as well as undo/redo controls and saving.  Simply click the template name or pencil icon to edit the name. 



The zoom level can also be set, which allows for easier editing of larger images.

Summary

Check out the quick video below, giving an overview on creating your first dynamic image template: