Ensuring Bannerify for Figma HTML5 Compatibility With Terminus

HTML5 General Specs

HTML5 creatives are a type of display creative and must follow the same guidelines as display with some additional recommendations.

• HTML5 Supported File Types: HTML, JS, CSS, JPG, JPEG, GIF, PNG, TTF and SVG
• Supported File Sizes for HTML5 Creatives:

Initial: 200 KB maximum
Max Initial File Load Count: 15 Files
Subsequent/Polite Load: 1 MB maximum
User-Initiated Load: 2.2 MB Recommended

• • • • • 300 x 250
        • 160x600
        • 300 x 50
        • 300 x 100
        • 300 x 600
        • 320 x 50
        • 320 x 480
        • 336 x 280
        • 728 x 90
        • 768 x 1024
        • 970 x 250
        • 970 x 90

To ensure compatibility with Terminus when using Bannerify for Figma, please complete the below steps for each HTML5 creative you want to upload 

Step 1. Create/format your HTML5 creative in Figma

Step 2. Run the Bannerify Banner Studio Plug In & load the banners

Step 3. Click Export to HTML

Step 4. Select the Terminus option in the Code Output Settings & keep the 'Include individual .zip files for each banner' & the 'Minified' options toggled ON.

Step 5. Click 'Export 1 Banner'.

Step 6. Download your .zip file

Step 7. Once you have the file downloaded, open the zipped folder 

Step 8. Open the _zips folder in order to see the zipped folder for your creative.

Step 9. Upload the .zip file to Terminus and set your click-through URL in the Terminus UI. Click on the Uploading Creative section of the How to Launch a Display Campaign article for step-by-step instructions.

FAQs:

• What tools can I use to open & view .html files?
  • Atom Editor, Brackets

• What tools can I use to zip my files?
  • Keka

• Can I zip my files using the Mac/Windows Zip Tools?
  • We recommend using a specific app such as Keka as it provides the option to remove resource forks.

• What do I do if I am seeing an error after I upload my creative?
  • Please review our HTML5 Troubleshooting article - HTML5 Troubleshooting Article
  • For any other questions, please reach out via our Customer Support Portal