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.
This article describes how to make an Interaction Studio message fade into the page.
Create a Message with a Transparent Background
Wrap Message Contents in a DIV
Once that step is done, the message's background will be transparent but its contents will still be visible when you render it on the page. To get around this, we need to go into the HTML source of the message and wrap all the contents with a div.
Add CSS Styles
Adding these changes to your message will make it transparent when it first renders on the page.
Add jQuery fadeTo Function
Now, you will use a jQuery fadeTo function to make the message fade in. For more information regarding this function, refer to this article outside of the Knowlegebase.
NOTE