Content Automation FAQs
Why is my product image not showing?
If your tag is displaying product attributes (for example the title and/or price is showing) but the product image is not showing, this could be due to your image server blocking our call to retrieve the image or your image server being slow to respond to our call.
If you are experiencing product image slowness, we recommend testing image load time in your browser using developer tools. If the image loads quickly (under 400ms) we recommend speaking to your IT department to check that Litmus Personalize Pro has not been blocked by your server.
It is possible to pass an authentication token in the image call if necessary.
My tag is showing a white pixel border?
When building a content automation template there may be a white border around the edges of the template. Firstly, be sure to set the image to '0' from Top and '0' from Left in the inspector menu.
You may want to rename the block that you want to resize to full width. This is done in the block manager area.
Once you have created your tag, it is possible to add a syntax command to the end of the tag to control the size of the block. This is a special syntax that allows users to edit a template in real-time via "URL parameters" that can be merged into content automation tags. For example, it is possible to change the font color, font size, position, etc. of any block you wish with the right command in a URL. If you wish to change the size of the block called 'Banner' in your template to add or remove remove a border you could do this with this syntax: &Banner.height=600&Banner.width=400
Another use case is changing branding based on ESP flags. Let's say you have a template with a block named "Title" and you wish to change the title color based on users' preferences that are saved in an ESP, you can add the following parameter to our CA tag: &title.fontColor=#ff44aa
You start by writing the block name (Title) followed by a dot, then you add the command (in the above example you used "fontColor") with the value you wish to set. In this example, since we are changing a color we need to provide a valid HTML color code.
This is typically used for customers who have multiple brands but wish to create one single template.
NOTE: Block names and the command names are case-sensitive
Below is a list of available commands for reference. All examples refer to a generic block named "Block1"
Command name | Description | Unit/Values | Example |
width | Change the width of a block | Pixels | Block1.width=300 |
height | Change the height of a block | Pixels | Block1.height=90 |
top | The distance between the top border of a block and the top of the canvas | Pixels | Block1.top=5 |
left | The distance between the left border of a block and the left border of the canvas | Pixels | Block1.left=4 |
fontFamily | The font used to render the text of a block | The name of a font available in your account | Block1.fontFamily=Arial |
fontSize | The size of the font used to render the text of a block | Pixels | Block1.fontSize=24 |
fontColor | The color of the font used to render the text of a block | HTML color code | Block1.fontColor=#ff44aa |
visible | Show/hide a block | Two values allowed:truefalse | Block1.visible=true |