An interactive scratch-to-reveal Standard Display format. A pre background (image or video) covers the frame and the user scratches it away — by hovering (desktop) or dragging (mobile) — to reveal a post background (the offer) underneath. Optional full-frame transparent overlays sit on top of each layer for branding and the reveal message. Part of the Fluid Display set.
Supported sizes
970x250 · 800x250 · 300x600 · 320x480 · 300x250
Examples
Assets
Backgrounds are full-bleed and overlays are full-frame, so export one asset per size — a plate made for 970x250 will crop badly if reused at 300x600. The layers, bottom to top, are: post background (revealed) → pre background (cover, scratched away) → optional pre overlay → optional post overlay.
Pre Background (Cover) — required
Image (JPG, PNG, WEBP, max 250kb) or streaming video. Drawn 'cover' so it fills the frame and can crop — export at the exact frame dimensions per size. This is the layer the user scratches away.
Post Background (Reveal) — required
Image or streaming video, shown 'contain' (whole frame visible) with the surrounding area filled by a blurred copy of the media (Post Fill = Blurred Media) or the Background Colour. It's aspect-tolerant, but authoring close to the frame aspect gives the cleanest fill. Either layer can be image or video (MVP intent is video → video, but any combination works).
Pre Overlay (optional)
Full-frame transparent PNG, pinned to the whole frame ('contain'). Stays on top while scratching — use for branding / "scratch to reveal". Export one per size.
Post Overlay (optional)
Full-frame transparent PNG. Part of the revealed layer — it shows through the scratched areas while scratching and fully once revealed (offer + CTA). On full reveal the pre overlay fades out. Export one per size.
Format description and guidance
Add your default click URL, then the pre background (cover) and post background (reveal) — both required, image or video. Optionally add pre and post overlays to compose branding and the reveal message. Use either, both, or no overlays. Any live text renders accented and non-Latin characters correctly (UTF-8).
Scratch Mode (Hover / Drag) and Brush Size tune the interaction; the Hand Hint demonstrates scratching until the first interaction. For video, Audio Source selects which layer's audio plays.
Max total file weight
The combined file weight of all assets must not exceed 3.5 MB.
Audio
Optional — available when a video layer is used and Audio is set to Enabled (on by default).
Template Details
Fluid Display Scratch
General
| Parameter | Purpose | Notes |
|---|---|---|
| Click URL | Click destination for the creative. | Required |
Cover
| Parameter | Purpose |
|---|---|
| Cover Background Image | The background on top that the user scratches away. Use either the cover image or the cover video. |
| Cover Background Video | Optional video for the cover background instead of a static image. |
| Cover Overlay | Optional full-frame transparent overlay shown on top while the user is scratching — compose branding, a headline, a 'scratch to reveal' prompt, etc. Export one per size. |
Reveal
| Parameter | Purpose | Default |
|---|---|---|
| Reveal Background Video | The background revealed underneath when the user scratches. Use either the reveal video or the reveal image. | |
| Reveal Background Image | Optional static image for the reveal background when no reveal video is provided. | |
| Reveal Overlay | Optional full-frame transparent overlay on the revealed layer — visible through the scratched areas while scratching, and fully once revealed. Compose the offer, logo and CTA. Export one per size. | |
| Reveal Background Fill | How to fill the area around a contained reveal background: a blurred copy of the media, or the solid background colour. | Blurred Media | choices: Blurred Media, Solid Colour |
Overlay Layout
| Parameter | Purpose | Default |
|---|---|---|
| Overlay Size | Shrinks both overlays from full-frame. At 100% they cover the whole creative; smaller values leave the backgrounds breathing room and let Overlay Position place them. | 100% | choices: 100%, 85%, 70%, 55% |
| Overlay Position | Anchors the (shrunken) overlays in the frame. Only meaningful when Overlay Size is below 100%. Applies to both the cover and reveal overlay. | mid-center | choices: top-left, top-center, top-right, mid-left, mid-center, mid-right, bot-left, bot-center, bot-right |
Interaction
| Parameter | Purpose | Default |
|---|---|---|
| Scratch Mode | Hover scratches as the cursor moves (desktop). Click & Drag requires holding the pointer down to scratch. | Hover | choices: Hover, Click & Drag |
| Brush Size | Radius of the scratch brush. | Medium | choices: Small, Medium, Large |
| Auto-Complete Threshold | How much of the cover must be scratched away before the reveal completes on its own. | 80% | choices: 50%, 60%, 70%, 80%, 90% |
| Hand Hint | Show an animated hand hint prompting the user to scratch, until the first interaction. | Enabled | choices: Enabled, Disabled |
Video Settings
| Parameter | Purpose | Default |
|---|---|---|
| Audio | Enable or disable audio for the video layer. When enabled the video starts muted and a mute/unmute button is shown; when disabled there is no audio and no mute button. | Enabled | choices: Enabled, Disabled |
| Audio Source | Which background's audio the mute button controls, for the case where both the cover and reveal backgrounds are videos. | Reveal Video | choices: Reveal Video, Cover Video |
| Max Video Size | Maximum streaming video size used when selecting encodes. | 3.5mb | choices: 3.5mb, 2.5mb, 1.5mb, 1.0mb |
| Background Colour | Background colour behind the layers (used by the Solid Colour post fill and while media loads). | #000000 |