Item templates are used to define a layout for promoted content in your Interaction Studio (formerly Evergage) campaigns and simplify the way you promote Einstein Recipes on your website. Classic Web Item Templates currently are not responsive by default; when you build one you must give it a definitive height and width. However, if your site is responsive, you can use custom CSS to make an item template behave responsibly when it is implemented in a campaign.
Interaction Studio Classic Only
Please note, the contents of this article are intended for customers using Interaction Studio (formerly Evergage Classic). Do not adjust your beacon version to downgrade or upgrade.
Build a Responsive Item Template
Building a responsive item template makes it possible to adjust the sizing and styling of specific parts of the item template used in a campaign.
Add a Responsive Item Template to an Item Block
Adjust Sizing and Styling
In the CSS source code editor you can now target the item block as a whole, or target specific parts of the item block, to adjust the sizing and styling to match the responsiveness of your site. Consider the following examples, each of which includes sample code for your reference:
Example 1: Set Item Block Width to 100%
Example 2: Use Media Queries
Example 3: Hide the Message Entirely