You can create your own Image templates in two ways:
Clone an existing template within the Public or My Template libraries.
Clicking on Create a New Template to start from scratch.
To create a new Image Template from scratch, click on Create a New Template from either the Public or My Template Image libraries. This will launch the image editor.
Begin by configuring the background image. This can be done in one of the following 3 ways:
In the pop-up that appears, Click on Media Gallery to view all recently uploaded images.
Select your desired background image and click on Done to confirm.
Alternatively, If you choose to have a solid color as a background instead of an image, You can configure your desired Canvas Size, and click on the color block to select the background color of your choice.
Then, click on Setup Canvas for Image Personalization to confirm.
The selected canvas background color, in the configured dimension ratio, will appear within the Media Library.
Once again, click on Done to confirm the selection!
- Lastly, you can click on Upload a Background Image, and select your desired image from within your personal files.
You will then have the option to Crop & position your background image, should you wish to.
Once you confirm your image, you will be directed to the Media Library with your uploaded image selected.
Click on Done to confirm the selection, and your selected image will appear as your Image Template background.
Once your Background Image/ Canvas is configured, you can start to add components to your template.
The editor is divided into 2 sections:
The Canvas: This displays the image being created and edited. The components are added directly on top of this.
Components & Properties: This displays the available components and their corresponding properties.
To add personalized text to the Image Template, click on the Text Component tile. The text component appears on the image canvas and its corresponding properties appear on the right.
You can drag the text box on the canvas to reposition it, and drag the corners out to re-adjust its size.
The text content can be edited within Content tools, under Properties on the right. You can also adjust the font size, alignment, and color from here.
You can view the available personalization variables by clicking on the Select Variable dropdown.
Copy the variable you would like to use within your text component and then paste it within the text editor.
Under Design Tools you can adjust the text box position and size.
If you wish to add your own personalization variables, you can do so under Enlist Variables.
Simply click on Add Variable, enter the variable name, and a placeholder value. This variable name will now be available within the Select Variable drop-down under Content tools within the editor.
Enlisting personalization variables have been discussed in detail here.
Once your personalized Image template has been designed, you can click on Define Meta to configure the template details such as the Template Name, Template description, and Category.
Click on Save Template to complete!
All your created templates can be found within your My Templates library.