Image Overlays

The image placeholder tool lets you add additional images on top of the background on demand. Those images can be different for every recipient, will composite them in, size them, and create a new image.

To add an image placeholder, click on placeholder. You'll get a rectangle initially, it's actually square, same dimensions, both sides. And you can place that and resize it as you like. I'll go ahead and demo how that works. In the preview screen here, we've got a lauren Ipsen tool to provide placeholder data. But here's the key thing. Image placeholders need a public url to an image on the web in order to work. So that, that Latin doesn't do us a whole bunch of good. I'll a copy the address for Coca Cola logo since they left it that way and put that url in the image placeholder field. So if I save and preview,

we'll go out, grab that Coca Cola logo and composited in and size it to fit the placement of the rectangle. We'll be adding additional controls over where the sub image goes within the rectangle, but for the time being current release of Campaign-Genius, it's centered, centered, vertically, centered horizontally within the rectangle. You'll note that that Coca Cola logo, which happens to be a PNG, a portable network graphic file, isn't transparent. There's a white box that's part of the logo, so the white box shows up here when it's composited in. If that were a transparent png and that white background had been cut out, you just see the circular logo sitting on top of the photo. So quick recap. Image placeholders can be dropped on the screen, sized placed, and then supplied with a url to an image to composite in. That can come either with data in an image url or can be set as a default, which will be covered in a separate tutorial. So if I've moved that and I run the preview again, we should get the coca cola image placed up there in the new position.