How to Create and Edit Dynamic Image Templates

Updated 

Combine graphics and texts to create beautiful and user-friendly creatives for your campaigns. 

Dynamic Image Template is an effective tool when it comes to creating personalized ads at scale. This tool gives you a platform where you can easily combine various graphics layers and dynamic information from a product feed or catalog. You can use this tool to incorporate desired changes in the product images in one or more product feeds, for example, rating, price, availability of the product, etc., without the need for editing and uploading product feed sheets over and over again. 

Dynamic Image Template offers a way to efficiently change the way product images are displayed in your feed-based campaigns and use it across multiple products with a few clicks.​

Note: 

  • You can upload Custom Fonts while creating Dynamic Image Templates within Assets and use them in Product Catalogs. Note that only OTF and TTF file formats can be uploaded.  

  • To add a custom font, simply click Add Asset in the top-right corner of the Creative Library window and upload your file. Do not use Font Family in the Create Asset menu to upload your font. 

To create a Dynamic Image Template 

1. Click the New Tab icon. Under the Advertising tab within Social Advertising, click Creative Library under Campaign Strategy 

2. Click Create Asset in the top right corner of the Asset Management window and select Dynamic Image Template from the drop-down menu. For more .information on template properties, refer to the Dynamic Image Template Properties

 

3. On the Create Dynamic Image Template window, click the Canvas tab to adjust the canvas size depending on your social media account. Use the zoom in/out and 'Fit to Canvas' option in the bottom right to navigate and adjust image details. For a sample preview of how your template can look appealing, see Sample Dynamic Image Templates.  

Note: 

  • Multiple canvases can now be created in a single DIT 

  • This will help you prepare multiple DITs under a single DIT, highly useful if you want to make any similar Ad, through this you will be able to compare them side by side and also chose through which Canvas you want to make ads 

  • When you click on a new tab under the DIT editor, a similar template created in the earlier slide is replicated without having to edit all from the beginning saving you a lot of time and it helps in comparing different creatives at one place 

  

4. Image Layers: You can add the following types of image elements: 

 

  1. Add Image - This allows you to add any static image from the media valet. You can use this to add static elements like brand logos, frames, image backgrounds, image banners, and stickers. 

  2. Add Dynamic Image - A dynamic image is an image placeholder that will allow the user to add the image while using the template. 

  3. Add Dynamic Text to Image - This allows you to apply different images/shapes to your templates based on dynamic text input. You can also hide and unhide layers or panels in the DIT from the Layers tab.

Note: 

  • All file types that can be uploaded on DAM, i.e. JPEG, JPG, GIF, TIF, TIFF, and PNG are supported for Dynamic Image Templates. 

  • As a best practice, you should keep the Dynamic Image placeholder aspect ratio close to the aspect ratio of the images in your feed.  

  • Enable the Maintain Proportion option to maintain a fixed aspect ratio on resizing the dynamic images in your template. Note that this is only available for dynamic images. 

  • GIFs won't animate if you are overlaying them on static images

Text formatting with new editor:

5. Text Layers: Click the Add Text tab to add text to your template using the options below. The text can have a different font, color, decoration, alignment, and size. 

  • Add Static Text - This allows you to add static text that does not change. Click on the text box placed on the canvas. This will open a text editor in widget section. Enter desired text here, we have introdued some new capabilities named character level formatting wherein you can custom format each and every letter of the text.

  • Add Dynamic Text - In dynamic text layers you can create different placeholders which can be modified / changed while application. These placeholders can be replaced with some other text values while application. You can type "{{}}" in the dynamic text box to add an placeholder and the value you will input in the double brackets will define the placeholder name. Once a placeholder is added an input box will be generated in the Preview section where you will be able to input any custom input and test the dynamic text/ placeholder.

Character Level Formatting: 

  • We have introdued some new capabilities named character level formatting wherein you can custom format each and every letter of the text.

  • Similar to static text you can leverage character level formatting in Dynamic texts also and character level formatting can only be done to the entire placeholder in this case. To do it select the entire placeholder and then do the formatting

  • If you use any elements in your Dynamic Image Template preview, the preview elements will be saved as the template thumbnail in the Asset Manager view or the thumbnail during the selection of templates.

Release Note:

Color of underline will change according to the color of text, however this won't happen in case of gradient colors and in this case underline would by default have black color.

6. Click the Add Shapes tab if you want to add shape to your template.

  • Adjust the size, color, positon, border of the shape from widget window.

  • Move the dynamic color toggle on if you want to color of shape to change with the feed

Note: Use hex color code in feed for dynamic colors.

 

 

Tip: 

  • If you use any elements in your Dynamic Image Template preview, the preview elements will be saved as the template thumbnail in the Asset Manager view or the thumbnail during the selection of templates.

  • You can now simply copy and paste your shpae and text elements within a template to save time on styling similar elements multiple times

 

7. On the Save Template pop-up window, enter a name for the template in the Template Name field on the left pane. On the right pane, you will have a summary of all the configurations for the template. Click Save in the bottom-right corner.