This is a highly customizable and very easy to use 3D Box Expandable Ad template.
The first interactive panel of the ad is loaded on the initial visit. In order to move from one panel to another user has to click on the arrow icon that is located on the left and right sides of the panel. While spinning, the panel expands. The ad accommodates links to predefined landing pages.
The following items are to be delivered by a creative agency:
NOTE: manifest.json file and HTML file should be in the root directory of the .zip file.
The file “index.html” can be adjusted to customize the banner components. These are the values that can be changed:
You can customize panel array you pass to AdformCube.setup method in order to have a 3D Box that contains less than 4 walls (panels) or that contains more than 4 walls, or you can simply use
autoConfig(slides); function to generate panels array itself.
Note: there should be from 2 to 20 slides.
Note: changing the number of panels means that you have to assign more images in
Additional assets settings and your backup image slot will change from no. 4 to something like no. 7 (if you have 6 slides/panels).
Note: adding more panels requires to add more clickTags. To do that, open
Banner settings - settings icon in the left top corner of the screen. Click Tag name has to follow this convention: clickTAG1, clickTAG2, clickTAG3, etc. for panel 1, panel 2, panel 3, etc. Click Save button at the top of the screen or hit
Ctrl + S.
By clicking on the ad, user navigates to the predefined landing page.
In order to deliver HTML5 banners fully compliant with the specs, follow the instructions on Producing HTML5 banners in Adform Test and Support Center: http://creative.adform.com/support
|Desktop browser version|
|Internet Explorer 8 (and bellow)||not supported (backup image)|
|Internet Explorer 9, 10 & 11||fully supported|
|Firefox (newest version)||fully supported|
|Chrome (newest version)||fully supported|
|Safari (newest version)||fully supported|
|Tablet Operating System||Browser|
|iOS 8.1 (and above)||Safari & Chrome|
|Android 4.0 (and above)||Native, Chrome & Firefox|