Work with images and layers

Litmus Personalize allows you to work with uploaded images (max. 1 MB), your hosted images, and text content to create a single template that can personalize content for every subscriber on the fly!

Hosted images

While you can upload small background images, weather icons, and other images to your Personalize template, you can also include images hosted on your own servers. Your hosted images can be individual or part of a content source. Hosting images eliminates the size restriction on image uploads to your template or campaign.

To add a hosted image, start in your template and use the + Add Block button to add a block. Replace Lorem ipsum in the text field in the right sidebar with the URL to your hosted image.

Once you've added the URL, change Block Type from Text to Image. Your content block will now display your image.

You can change the dimensions in the Position & Size section of the General tab in the right sidebar or use one of the sizing methods that follow.

Image sizing and cropping

You can adjust image size in your template quickly and easily! At the upper left corner of your image block, you have two tools: natural size and cropping.

Natural size

The Natural size tool will resize your image to the template design canvas while maintaining aspect ratios. Once you have added your hosted image, select the tool, and then move your image to the desired location on your canvas. If you want to make sure your image resizes to the full width of your canvas, be sure to start the image on the 0 coordinate for the X axis.

The Natural size tool also works to reset if you have distorted the proportions.

Crop image tool

The Crop image tool is to the right of the Natural size button. You have three available options:

1. Auto square crop – crops to the biggest possible square centered in the image's geometric center
2. Manual crop – manually select the area of the image to be displayed
3. Fit Image – auto-size the image depending on the set dimensions of the block

Layers

Every block you add to a template in Litmus Personalize becomes its own layer. You can move blocks forward or backward, copy blocks, and apply rules that control when they appear.

Select any block to see the layer tools below it. Tools to move the block to front or back, or to duplicate or delete the block are available.

Each block you've added will show in the left sidebar. You can use the pencil icon to name each block so you can identify it easily. Use the eye icon to show and hide each item as well. Show or hide layers to create different campaigns from a single template.

Craft a content automation template to include callouts, special deals or information in separate blocks, then set rules for when they're shown or hidden. use visibility rules to automate showing and hiding them.

First select the eye icon on the content block.

Then use visibility rules to set when the block is shown or hidden.

In our example, we've added a visibility rule to only show how many of an item are left in stock when it's lower than 600. Using the preview button to move through a few items shows the callout appearing for some items and not for others.