# Step by step

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

![](https://3716057888-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LanxjKSg2QEmCJWyhjn%2F-MS2RSpAO3MgyHCBj-bT%2F-MS2RlaSIF_5XegBihaD%2FScreenshot%202021-01-27%20at%2011.45.25.png?alt=media\&token=9918f97c-bfca-4463-bd03-e1af45695084)

### Step 2: Getting started

![](https://3716057888-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LanxjKSg2QEmCJWyhjn%2F-MS2RSpAO3MgyHCBj-bT%2F-MS2S5gsUWmLLCat2zHt%2FScreenshot%202021-01-27%20at%2011.47.08.png?alt=media\&token=fa08f65a-6d33-4a8f-b4ce-79d79dfc675c)

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

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

![](https://3716057888-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LanxjKSg2QEmCJWyhjn%2F-MQqQ2jfOkvBOPjmG_xA%2F-MQqZsGINHPR1RR28VHr%2FScreenshot%202021-01-12%20at%2013.30.12.png?alt=media\&token=feb96ff5-9987-46bf-ae8d-4c16867e95fe)

{% 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="video/mp4" %}
[mp4](https://dreamlake.gitbook.io/hero/prismic-cms/manage-content/slices/media-with-text/video/mp4)
{% endcontent-ref %}

{% content-ref url="video/youtube" %}
[youtube](https://dreamlake.gitbook.io/hero/prismic-cms/manage-content/slices/media-with-text/video/youtube)
{% endcontent-ref %}

{% content-ref url="video/vimeo" %}
[vimeo](https://dreamlake.gitbook.io/hero/prismic-cms/manage-content/slices/media-with-text/video/vimeo)
{% 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](https://3716057888-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LanxjKSg2QEmCJWyhjn%2F-MQqQ2jfOkvBOPjmG_xA%2F-MQqYlPnOfkyeLYtpfw2%2FScreenshot%202021-01-12%20at%2013.25.05.png?alt=media\&token=9102e23d-34f0-4865-bcf8-1455390501e9)

![Cover picture for video](https://3716057888-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LanxjKSg2QEmCJWyhjn%2F-MS2RSpAO3MgyHCBj-bT%2F-MS2TH4acmG0znEgtSwL%2FScreenshot%202021-01-12%20at%2013.30.12.png?alt=media\&token=c522a393-3a1d-4589-aaac-6599392d3a65)
{% endtab %}

{% tab title="Tagline" %}
![](https://3716057888-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LanxjKSg2QEmCJWyhjn%2F-MQqQ2jfOkvBOPjmG_xA%2F-MQqZ3fPcn4YNZvAgxtU%2FScreenshot%202021-01-12%20at%2013.26.20.png?alt=media\&token=cc228cdb-613d-4f40-901d-478a30cc9c7a)
{% endtab %}

{% tab title="Title" %}
![](https://3716057888-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LanxjKSg2QEmCJWyhjn%2F-MQqQ2jfOkvBOPjmG_xA%2F-MQqZIoaYofJhni2kTEN%2FScreenshot%202021-01-12%20at%2013.27.14.png?alt=media\&token=c4f2808f-0a8c-4520-8247-08279cfc1cb5)
{% endtab %}

{% tab title="Text" %}
![](https://3716057888-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LanxjKSg2QEmCJWyhjn%2F-MQqQ2jfOkvBOPjmG_xA%2F-MQqZVItiwxPGxWe1wjZ%2FScreenshot%202021-01-12%20at%2013.28.27.png?alt=media\&token=3c399ced-dcaa-4672-ad76-67a436e8aabb)

{% 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.

![](https://3716057888-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LanxjKSg2QEmCJWyhjn%2F-MQqQ2jfOkvBOPjmG_xA%2F-MQqZdNdsOmG7FpGlT_R%2FScreenshot%202021-01-12%20at%2013.29.06.png?alt=media\&token=1632f2f7-f208-4a7a-80f9-f81b84c8b12e)
{% 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 ](https://3716057888-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LanxjKSg2QEmCJWyhjn%2F-MQqQ2jfOkvBOPjmG_xA%2F-MQqarbtWLzMD5uvds3E%2FScreenshot%202021-01-12%20at%2013.38.52.png?alt=media\&token=902b4d81-a159-4725-b057-d45e6be8b367)
