> For the complete documentation index, see [llms.txt](https://dreamlake.gitbook.io/hero/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://dreamlake.gitbook.io/hero/prismic-cms/manage-content/slices/media-with-text/step-by-step-guide.md).

# Step by step

### Step 1:  In the Add slice view, find the slice called "Media with text"

![](/files/-MS2RlaSIF_5XegBihaD)

### Step 2: Getting started

![](/files/-MS2S5gsUWmLLCat2zHt)

{% tabs %}
{% tab title="Video " %}
Here you can select a Video from:

* **A local Mp4 file**
* **Youtube**
* **Vimeo**

![](/files/-MQqZsGINHPR1RR28VHr)

{% hint style="warning" %}
Don't forget to add a cover picture for the video on **Image**
{% endhint %}

{% hint style="info" %}
Below you can find guides on how to upload videos from different sources.
{% endhint %}

{% content-ref url="/pages/-MQkn0F0a4hBN1Qg8Drl" %}
[Mp4](/hero/prismic-cms/manage-content/slices/media-with-text/video/mp4.md)
{% endcontent-ref %}

{% content-ref url="/pages/-MQkmuVUerNISXkuRLw5" %}
[Youtube](/hero/prismic-cms/manage-content/slices/media-with-text/video/youtube.md)
{% endcontent-ref %}

{% content-ref url="/pages/-MQkmyw-Tz56vJ\_1XoNO" %}
[Vimeo](/hero/prismic-cms/manage-content/slices/media-with-text/video/vimeo.md)
{% endcontent-ref %}

{% endtab %}

{% tab title="Image" %}
Here you choose a static image that will be shown as a static picture or a cover picture for the video until it is started if you added a video.

![Static picture](/files/-MQqYlPnOfkyeLYtpfw2)

![Cover picture for video](/files/-MS2TH4acmG0znEgtSwL)
{% endtab %}

{% tab title="Tagline" %}
![](/files/-MQqZ3fPcn4YNZvAgxtU)
{% endtab %}

{% tab title="Title" %}
![](/files/-MQqZIoaYofJhni2kTEN)
{% endtab %}

{% tab title="Text" %}
![](/files/-MQqZVItiwxPGxWe1wjZ)

{% hint style="warning" %}
This slice is not suitable for a long texts. Please keep the captions short while using this slice.
{% endhint %}
{% endtab %}

{% tab title="Read more link text" %}

* You can change and adjust the read more button with any content that fits the link or write the classic "Read more" text.

![](/files/-MQqZdNdsOmG7FpGlT_R)
{% endtab %}

{% tab title="Read more link 🔗" %}
Here you can decide where you want to link the "Read more button" to.
{% endtab %}
{% endtabs %}

### Step 3: Create multiple Media with Text slices

{% hint style="info" %}
To create multiple Media with text slices **repeat step 1 & 2** above.
{% endhint %}

![Example of multiple Media with Text Slices ](/files/-MQqarbtWLzMD5uvds3E)