# Add videos to your article

Follow the steps below on how to add videos to your article. Topics discussed in this document are:

* [Add a YouTube video](#youtube)
* [Add a video from a different third-party service](#videos)
* [Upload your own video in the video section](#video-section)

### Add a YouTube video <a href="#youtube" id="youtube"></a>

1. To add a YouTube video to your article, you can click on the **Content Block** icon under the **+ icon**. You can select the drop-down menu on top and select **Basic**.

<figure><img src="https://1857315123-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FsA16nlP6q2CISJmAAc1i%2Fuploads%2FHdKJXStIRcfZ7QjT0VhW%2FAdd-Video-to-article-BS.png%20-%20Step%201.png?alt=media&#x26;token=b3499e3d-038c-4d9e-b2a6-e5d26f0b3d8e" alt=""><figcaption></figcaption></figure>

<figure><img src="https://1857315123-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FsA16nlP6q2CISJmAAc1i%2Fuploads%2FVK54ls9M4pL1pPbyvxe2%2FAdd-Video-to-article-BS.png%20-%20Step%202.png?alt=media&#x26;token=c66154b6-d2b1-4564-897e-f60cfe422578" alt=""><figcaption></figcaption></figure>

2. Then, locate this content block with the Red play button. You can drag and drop it into your article until you see a gray box. Once you do, release your cursor, and you can see the added content block on your article.

<figure><img src="https://1857315123-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FsA16nlP6q2CISJmAAc1i%2Fuploads%2FuLy1bjeL1ufuP6vSHzgC%2FAdd-Video-to-article-BS.png%20-%20Step%203.png?alt=media&#x26;token=cbdf22ed-c9f4-4f92-b26f-adcd41d32c78" alt=""><figcaption></figcaption></figure>

4. Click on the newly dragged content block and click on the **gray gear Settings icon** on the top right-hand corner of the block. Paste in the YouTube embedded link.

<figure><img src="https://1857315123-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FsA16nlP6q2CISJmAAc1i%2Fuploads%2FroEYwH6bxg3rUaTszYXE%2FAdd-Video-to-article-BS.png%20-%20Step%204.png?alt=media&#x26;token=3ac38a70-8bfe-47c6-86e4-d9d2b82edec7" alt=""><figcaption></figcaption></figure>

### Add a video from a different third-party service <a href="#videos" id="videos"></a>

If you are adding a video from a different third-party service, you can check out this [document for more information.](https://shoppad.gitbook.io/pagestudio/customize-the-app/add-third-party-embed-code-to-your-page)

### Upload your own video in the video section <a href="#video-section" id="video-section"></a>

If you are using a **Video** section, you can upload your own video as the background by following these steps:

1\. From your **Shopify Admin**, go to **Settings** and click on **Files**.

2\. Upload the video by clicking on **Upload Files**.

3\. Copy the entire URL found next to the uploaded file.

4\. Go back to your article in **Blog Studio**.

5\. Select the **Video** section, located under the **More** button in **Simple Start**:

<figure><img src="https://1857315123-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FsA16nlP6q2CISJmAAc1i%2Fuploads%2F1qHehlYrSS8HBOJO5PQq%2FAdd-Video-to-article-BS.png%20-%20Step%207.png?alt=media&#x26;token=80ac0d2c-6c98-4ec3-8d01-5cf53e5bc40b" alt=""><figcaption></figcaption></figure>

6\. After selecting a format, click on **Module Settings**, located at the bottom of the section.

<figure><img src="https://1857315123-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FsA16nlP6q2CISJmAAc1i%2Fuploads%2FwmCeq9YJuHciIacKVQde%2FAdd-Video-to-article-BS.png%20-%20Step%209.png?alt=media&#x26;token=f6ef62ef-87df-4c56-92e0-2c132b32acfe" alt=""><figcaption></figcaption></figure>

7. Paste the copied URL into the **Video URL** input.
8. Remove **https:** from the link.

<figure><img src="https://1857315123-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FsA16nlP6q2CISJmAAc1i%2Fuploads%2FtsRezQrcpf25sWDkeAuk%2FAdd-Video-to-article-BS.png%20-%20Step%2010.png?alt=media&#x26;token=a18b6d63-ef14-488c-bf58-e5af744342ea" alt=""><figcaption></figcaption></figure>

9\. **Save** your changes!
