This banner template allows for the easy creation of a Social Story style creative. The template resembles the style of a meta story/reel, and is designed to enable existing social assets to be easily reused. The format is fluid, allowing it to adapt to fit into almost any standard display placement - simply set the width and height to the desired placement size in the creative parameters.
Examples
Format Specs
Profile Image
JPG, PNG, WEBP
Dimensions: minimum size 100x100px
Story Assets
Number of slides: 1 to 5
Supported types:
- Image: JPG, PNG or WEBP. Max file size 250kb.
- Video: MP4 Max file size 50mb. Max duration 30 seconds. For best results use shorter video clips of between 6-15 seconds.
Dimensions: Any of the below, for best results use an aspect ratio that is closest to that of the dimensions of the format you are creating.
- 1080x1920 (9:16 - vertical)
- 1080x1080 (1:1 - square)
- 1920x1080 (16:9 - horizontal)
Text Recommendations
Hashtags: 20 characters
CTA: 12 characters
Landing page URL: Required
Story URL: optional (only if each story requires a specific URL)
Format description and guidance
The profile name and image should match your brand's social media account. You can add a blue "verified" checkmark if desired, as well as add some optional hashtags to appear alongside the profile.
For the carousel, upload 1-5 images or videos to create the slides. By default, Slide Duration uses an automatic mode that attempts to match the active video length, helping video stories play to completion before the next story appears. If preferred, this can be overridden to a fixed 3 or 5 second delay.
Additional configurable options allow for further customisation of the format:
- Customisable CTA colours
- Customisable "verified" checkmark colours (arrow and its background)
- Change the profile name/hashtags colour
- Change the dots' colour
- Change the slide duration, with Auto as the default mode.
Max total file weight
The combined file weights of all assets must not exceed 3.5 MB. Videos will be automatically optimised to fit within this limit, using 3 or more videos (or long videos) may result in lower visual quality. Be mindful of image asset file sizes, and try to keep file sizes as low as possible.
Audio
No
Template Details
Social Fluid - Story with Streaming Video
General
| Parameter | Purpose |
|---|---|
| Default Click URL | Primary click destination. Story Click URLs fall back here if blank. |
| CTA Text | Short call to action label (e.g. Learn More). |
Profile
| Parameter | Purpose | Default |
|---|---|---|
| Profile Name | Sets the profile name value used in the creative. Supports plain text or CSS units where required. | |
| Profile Image | Upload the profile image asset (JPG, PNG, or WEBP). Follow safe-zone guidance and stay within the platform file-size limits. | |
| Verified Checkmark | Select the verified checkmark option from the list to control how the template behaves. | Disabled | choices: Enabled, Disabled |
| Hashtags | Sets the hashtags value used in the creative. Supports plain text or CSS units where required. |
Story 1
| Parameter | Purpose |
|---|---|
| Image | Upload the image asset (JPG, PNG, or WEBP). Follow safe-zone guidance and stay within the platform file-size limits. |
| Video | Provide the video video in MP4 or WEBM format, encoded for autoplay and kept under the maximum weight. |
| Click URL | Falls back to Default Click URL if blank. |
Story 2
| Parameter | Purpose |
|---|---|
| Image | Upload the image asset (JPG, PNG, or WEBP). Follow safe-zone guidance and stay within the platform file-size limits. |
| Video | Provide the video video in MP4 or WEBM format, encoded for autoplay and kept under the maximum weight. |
| Click URL | Falls back to Default Click URL if blank. |
Story 3
| Parameter | Purpose |
|---|---|
| Image | Upload the image asset (JPG, PNG, or WEBP). Follow safe-zone guidance and stay within the platform file-size limits. |
| Video | Provide the video video in MP4 or WEBM format, encoded for autoplay and kept under the maximum weight. |
| Click URL | Falls back to Default Click URL if blank. |
Story 4
| Parameter | Purpose |
|---|---|
| Image | Upload the image asset (JPG, PNG, or WEBP). Follow safe-zone guidance and stay within the platform file-size limits. |
| Video | Provide the video video in MP4 or WEBM format, encoded for autoplay and kept under the maximum weight. |
| Click URL | Falls back to Default Click URL if blank. |
Story 5
| Parameter | Purpose |
|---|---|
| Image | Upload the image asset (JPG, PNG, or WEBP). Follow safe-zone guidance and stay within the platform file-size limits. |
| Video | Provide the video video in MP4 or WEBM format, encoded for autoplay and kept under the maximum weight. |
| Click URL | Falls back to Default Click URL if blank. |
Colour Settings
| Parameter | Purpose | Default |
|---|---|---|
| CTA Button Colour | Hex colour (#RRGGBB or #RRGGBBAA) applied to this element. Use it to match brand palettes and overlay blends. | #2a2a2a |
| CTA Text Colour | Hex colour (#RRGGBB or #RRGGBBAA) applied to this element. Use it to match brand palettes and overlay blends. | #ffffff |
| Keyline Colour | Hex colour (#RRGGBB or #RRGGBBAA) applied to this element. Use it to match brand palettes and overlay blends. | #0006 |
| Profile Name & Hashtags Colour | Hex colour (#RRGGBB or #RRGGBBAA) applied to this element. Use it to match brand palettes and overlay blends. | #ffffff |
| Dots Colour | Hex colour (#RRGGBB or #RRGGBBAA) applied to this element. Use it to match brand palettes and overlay blends. | #ffffff |
| Arrows Colour | Hex colour (#RRGGBB or #RRGGBBAA) applied to this element. Use it to match brand palettes and overlay blends. | #ffffff |
| Checkmark Background Colour | Hex colour (#RRGGBB or #RRGGBBAA) applied to this element. Use it to match brand palettes and overlay blends. | #5D92FD |
| Checkmark Arrow Colour | Hex colour (#RRGGBB or #RRGGBBAA) applied to this element. Use it to match brand palettes and overlay blends. | #ffffff |
Story Settings
| Parameter | Purpose | Default |
|---|---|---|
| Audio | Enables or disables video audio. | Enabled | choices: Enabled, Disabled |
| Slide Duration | Auto uses the active video duration when available, otherwise 3 seconds. | Auto | choices: Auto, 3 seconds, 5 seconds |