Text + Media Template

Content guideline for the Text + Media Template

Eva Tjitske Jansen avatar
Written by Eva Tjitske Jansen
Updated over a week ago

The text + media template consists of heading, text, image and video fields. You can add as many fields as you want and organise them in any order.

Setting it up

Below fields are present within this template. Fields with an * are required. All fields except the content ID can be organised in any order and added any number of times. The order used in the content builder will be reflected on the platform.

Content ID*

Title of this template, only shown in the content builder.

Background image

Here you can add a background image that shows full screen behind the text & media content.

  • Image: Image uploader for JPG, PNG, GIF.

  • Hide the image overlay (checkbox): The image has a dark overlay to increase readability of the text. Disabling this checkbox will disable the overlay. Please note that disabling this might reduce readability.

  • Switch to white headings (checkbox) Change headings to white so they are more readable on top of a dark image. Also changes the ‘continue’ button to white.

  • Switch to white texts (checkbox): Change texts to white so they are more legible on top of a dark image.

Items*

This is where you choose your text or media fields and fill them in. Click one of the buttons to start creating the item.

Heading (text only)

A heading that will be shown in the frontend.

Text (rich text)

A body text that supports bulleted or numbered lists, hyperlinks, bold and italic texts.

Image

Image uploader for JPG, PNG, GIF.

  • Alt: Image description for accessibility purposes (e.g. blind users with a screen reader).

Video upload

Video uploader working with files.

  • Video: Video uploader for MP4 with H.264 codec.

  • Poster: Image uploader (JPG, PNG, GIF) to create a video thumbnail.

Video URL

URL (e.g. from Vimeo, YouTube). These videos cannot be styled since they will adopt the styling of the video player of whatever website they are coming from.

Did this answer your question?