An interactive Standard Display format built on a full-bleed background (image or streaming video) with a positionable branding lockup (logo + headline), a CTA, and a row of 1–5 info spots. Hovering (desktop) or tapping (mobile) a spot reveals its info copy in a floating bubble above the spot row and re-points the CTA to that spot's destination. Part of the Fluid Display set. The template is adaptive: it reads the rendered size and lays the branding out as a column on tall sizes and a row on wide sizes, while the info spots always keep the bottom edge.
Supported sizes
970x250 · 800x250 · 300x600 · 320x480 · 300x250
Examples
Assets
The background is full-bleed; the logo, headline and CTA are overlay elements the template positions and scales for you, so they can be small transparent PNGs reused across sizes. Every overlay slot is optional — you can also burn the logo/headline/CTA into the background artwork and leave those slots empty, keeping just the interactive spots on top (handy when a client delivers a finished key visual).
Background Image
JPG, PNG, WEBP, max 250kb.
Shown full-bleed with 'cover' scaling, so it fills the frame and can crop on any edge — keep essential detail away from the edges. Export one per size for the best framing across the wide and tall placements.
Background Video (optional)
Streaming video, used instead of the background image. Muted autoplay; audio can be enabled on user interaction (a mute button then appears). Provide a poster-friendly first frame.
Logo (optional)
PNG, WEBP, SVG with a transparent background, max 250kb.
Part of the branding lockup; the template anchors and scales it. Usually one asset reused across all sizes. Horizontal lockups read best in the wide sizes.
Headline (optional)
PNG or WEBP with a transparent background, max 250kb.
Supplied as an image so fonts and colours are fully customisable. Sits below the logo in the branding lockup. Shared across sizes.
CTA (optional)
PNG, WEBP, SVG with a transparent background, max 250kb.
Sits at the bottom of the creative, just above the info spots, following the branding's horizontal side. It links to the currently revealed spot's URL, or the main Click URL when no spot is active. Leave empty to build without a CTA.
Spot Icon (optional)
A single small square transparent PNG used for all info spots, reused at every size. If left empty, a built-in coloured circle marker is used instead (configurable colour + symbol).
Format description and guidance
Add your default click URL and a background (image or video). Optionally add a logo, headline and CTA — or bake them into the background and leave those slots empty. Then fill in the Spot Text for each info spot you want (a spot is built only when it has text) and, optionally, a per-spot Click URL.
Branding Position anchors the logo + headline lockup anywhere in the free space (Top/Middle/Bottom × Left/Center/Right); the CTA always sits at the bottom, just above the spots. Element Spacing (Tight/Normal/Roomy) controls the gap inside the lockup and the CTA's clearance, and Branding Size (Small/Medium/Large) scales the logo, headline and CTA together. The info spots keep their own Spot Size.
Keep spot text short — a few words read best in the reveal bubble. Long copy is safely line-clamped so it can never break the layout, but it is truncated with an ellipsis, so don't rely on very long text. Accented and non-Latin characters render correctly (UTF-8). Three to four spots is the sweet spot; up to five are supported. The template sizes and positions everything automatically — no manual layout per size is required.
Max total file weight
The combined file weight of all assets must not exceed 3.5 MB.
Audio
Optional — off by default; available when a background video is used and Audio is set to Enabled.
Template Details
Fluid Display Hotspot
General
| Parameter | Purpose | Notes |
|---|---|---|
| Click URL | Main click destination. Each spot can override it with its own URL; if a spot has none it falls back to this. | Required |
Background
| Parameter | Purpose |
|---|---|
| Background Image | Background image (shown full-bleed). Use either the background image or the background video. |
| Background Video | Optional streaming video background (used instead of the image). |
Overlay
| Parameter | Purpose | Default |
|---|---|---|
| Logo | Logo image, part of the branding lockup. Its position is set by Branding Position. Optional. | |
| Headline | Headline image, part of the branding lockup (below the logo). Its position is set by Branding Position. Optional. | |
| CTA | CTA image, shown just above the info spots (following the branding's horizontal side). It links to the currently revealed spot's URL, or the main Click URL when none is active. Leave empty to build without a CTA — with a Static Overlay in use, the overlay itself then carries the click and follows the revealed spot, so a CTA can be baked into that artwork instead. | |
| Branding Position | Anchors the logo + headline lockup anywhere in the free space. The CTA always sits on the bottom part just above the info spots, following the chosen horizontal side. Works the same on wide and tall sizes. | top-left | choices: top-left, top-center, top-right, mid-left, mid-center, mid-right, bot-left, bot-center, bot-right |
| Element Spacing | Adjusts the gap between the logo and headline in the branding lockup, and the CTA's clearance above the spots. | Normal | choices: Tight, Normal, Roomy |
| Branding Size | Scales the logo, headline and CTA together (the info spots keep their own Spot Size). | Medium | choices: Small, Medium, Large |
Static Overlay
| Parameter | Purpose | Default |
|---|---|---|
| Overlay Image | Optional single pre-composed overlay, replacing the fluid logo and headline lockup so a layout can be designed exactly. When supplied, the Branding Position, Element Spacing and Branding Size settings no longer apply, and the info spots always stay on top. At the default full size the artwork maps 1:1 onto the creative, so supply it at the creative's own aspect ratio. Leave empty to use the fluid overlay instead. | |
| Overlay Width | Width of the static overlay box. Supports %, px, vw, vh, em and rem (calc() is not supported). Defaults to the full creative width. | 100% |
| Overlay Height | Height of the static overlay box. Supports %, px, vw, vh, em and rem (calc() is not supported). Defaults to the full creative height. | 100% |
| Overlay Position | Anchors the static overlay box when its width or height is less than 100%, and has no visible effect at the default full size. The artwork keeps its aspect ratio inside that box, so if it does not match the box's shape it is centred within it and will not sit flush to the chosen edge. | mid-center | choices: top-left, top-center, top-right, mid-left, mid-center, mid-right, bot-left, bot-center, bot-right |
Info Spots
| Parameter | Purpose | Default |
|---|---|---|
| Spot Icon | Optional icon used for every info spot. If left empty, a built-in coloured circle marker is used instead. | |
| Spot Colour | Colour of the built-in circle marker (used when no Spot Icon is uploaded). | #e6183c |
| Spot Symbol Colour | Colour of the symbol/glyph inside the built-in circle marker (used when no Spot Icon is uploaded). | #FFFFFF |
| Spot Symbol | Symbol shown inside the built-in circle marker (used when no Spot Icon is uploaded). | i | choices: i, +, ? |
| Spot Size | Overall size of the info spots. | Medium | choices: Small, Medium, Large |
| Spot 1 Text | Info copy revealed in a bubble above the spots when spot 1 is hovered (desktop) or tapped (mobile). The spot only appears if this text is filled. | |
| Spot 1 Click URL | Spot 1 click destination. Falls back to the main Click URL when empty. | |
| Spot 2 Text | Info copy revealed in a bubble above the spots when spot 2 is hovered (desktop) or tapped (mobile). The spot only appears if this text is filled. | |
| Spot 2 Click URL | Spot 2 click destination. Falls back to the main Click URL when empty. | |
| Spot 3 Text | Info copy revealed in a bubble above the spots when spot 3 is hovered (desktop) or tapped (mobile). The spot only appears if this text is filled. | |
| Spot 3 Click URL | Spot 3 click destination. Falls back to the main Click URL when empty. | |
| Spot 4 Text | Info copy revealed in a bubble above the spots when spot 4 is hovered (desktop) or tapped (mobile). The spot only appears if this text is filled. | |
| Spot 4 Click URL | Spot 4 click destination. Falls back to the main Click URL when empty. | |
| Spot 5 Text | Info copy revealed in a bubble above the spots when spot 5 is hovered (desktop) or tapped (mobile). The spot only appears if this text is filled. | |
| Spot 5 Click URL | Spot 5 click destination. Falls back to the main Click URL when empty. |
Interaction
| Parameter | Purpose | Default |
|---|---|---|
| Hand Hint | Show an animated hint sweeping across the info spots until the first interaction. | Enabled | choices: Enabled, Disabled |
Video Settings
| Parameter | Purpose | Default |
|---|---|---|
| Audio | Enable audio for the background video. When enabled the video starts muted and a mute button is shown; when disabled there is no audio and no mute button. | Disabled | choices: Enabled, Disabled |
| 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 media (shown while it loads). | #000000 |