# Media Block

*Article Topics:* [*Blocks*](https://docs.toomuchmedia.com/getting-started/common-topics/blocks)*,* [*Design*](https://docs.toomuchmedia.com/getting-started/common-topics/design)

## Overview

The Media Block allows you to place a static image or video on your page. Optionally, you can pair this with a heading, subtext, and a call-to-action button.

Useful for highlighting featured content, drawing attention to promotions, or guiding users to another part of your site.

{% embed url="<https://youtu.be/wyqAAiHTSvU>" %}

## Media Block Settings

### Media Tab

The **Media Tab** controls what type of media is displayed, and how users interact with it.

The **Media Type** field allows you to set the type of media, whether it will be a video or an image while the **Media URL** field (Image or Video) is for the URL of that piece of media.&#x20;

The **Heading** field displays text directly on top of the image or video, while the **Subtext** field adds smaller supporting text beneath the heading.

Additionally, you can add a Button using the two Button fields, the the **Button Text** field defines the text that appears on the button and the **Button Class** allows you to style the button using custom CSS.

The **Link Type** setting controls what happens when the media or button is clicked.&#x20;

* CMS Page: Direct the visitor to another page within your CMS.
* Static URL: Link to an external website.
* Join Form: Redirect users to the signup page.
* None: Keep the user on the same page.&#x20;

If a **Link Type** is selected, the href Target field determines whether the link opens in the **same tab** or in a **new tab**.

## Related Articles

{% content-ref url="" %}
[](https://docs.toomuchmedia.com/content-management/member-areas-and-tours/themes/block-types)
{% endcontent-ref %}


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://docs.toomuchmedia.com/content-management/member-areas-and-tours/themes/block-types/media-block.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.