Step-by-step guide

How to Make Playable End Cards

How to build playable end cards and interactive end cards for video ads without code, using Playable Ads Maker, and export them as HTML5 for Unity, Google, Meta, TikTok and other networks.

What You Need

You need a playable end card generator or interactive end card creator that exports HTML5. No coding is involved: in a no-code playable ad builder you drag text, images, buttons and animations onto a canvas, then export one file per ad network.

  • A playable ads maker (e.g. Playable Ads Maker)
  • App store links (iOS and Android) for your CTA button
  • Assets: logo, background image, button style (or use built-in templates)

Step 1: Open the Playable End Card Editor

Go to the playable end card editor. You can start from a blank canvas or a playable end card template. Choose a viewport size (e.g. 375×667 for mobile) and switch between portrait and landscape to design for both orientations.

Step 2: Add Background, Text, and CTA Button

Add a background (color or image), a headline or short text, and a button that will link to your app store. The button URL is set once in the export step (iOS App Store URL and Android Google Play URL); the exported HTML5 will send users to the right store by device. Those three pieces are the whole of a basic video end card or interactive end card.

Step 3: Add Animations (Optional)

Use the Animate tab to add entrance effects (fade, slide, bounce and others) to the text or the button. Keep them short so the CTA end card stays easy to read. Preview with the Play button before exporting.

Step 4: Export for Your Ad Networks

Click Export, enter your iOS and Android app URLs, and select the ad networks you use (Unity, Google Ads, Meta, TikTok, AppLovin, Mintegral, Moloco, etc.). The tool outputs HTML5 packaged the way each network asks for it (a single HTML file or a ZIP) and checks it against that network's own size limit (see playable ad size limits by network and the specs for each network). Use "Compress assets" if you're over a limit, and run the file through the free playable ad validator before you upload. Download the file(s) and upload them in your ad network's dashboard.

Best Practices for Playable End Cards

  • One clear CTA, such as "Download" or "Play now", so the interactive end card has a single goal.
  • Keep the file small. Aim for 1.5–2 MB so it loads fast, and stay under 5 MB and under each network's own limit, which is lower on some.
  • Test on real devices in both portrait and landscape.
  • Use the same look and message as your video ad, so the playable end card reads as the end of the same ad.

Open the editor and build your first end card.

Open editor

Create your first playable end card

No code. Drag things onto the canvas or start from a template, then export for Unity, Google, Meta, TikTok, AppLovin, Mintegral and other networks.

Launch editor

What are playable ads? · Pricing · Documentation · Blog · Our Platforms · About · Contact