> For the complete documentation index, see [llms.txt](https://shoppad.gitbook.io/pagestudio/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://shoppad.gitbook.io/pagestudio/customize-the-app/add-videos-to-your-page.md).

# Add videos to your page

Follow the steps below on how to add videos to your page. 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 page, you can click on the **Content Blocks** icon. You can select the drop-down menu on top and select **Basic** using the arrow icon.

<figure><img src="https://2399025339-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Flklrekxvi2ofo3eXbyBY%2Fuploads%2FBXVZK18ywDMOHn6VCHy6%2FPS-add-videos-to-page.png%20-%20Step%201.png?alt=media&amp;token=9be32b07-dc63-4514-9284-ed64463329c5" alt=""><figcaption></figcaption></figure>

<figure><img src="https://2399025339-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Flklrekxvi2ofo3eXbyBY%2Fuploads%2FgXxVXgTtQo4oPc325QEV%2FPS-add-videos-to-page.png%20-%20Step%202.png?alt=media&amp;token=d32cdbcf-f645-4a38-aa7e-7018e591e267" alt=""><figcaption></figcaption></figure>

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

<figure><img src="https://2399025339-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Flklrekxvi2ofo3eXbyBY%2Fuploads%2F7e6feYzbVJYdCJdZ2JYy%2FPS-add-videos-to-page.png%20-%20Step%203.png?alt=media&amp;token=d2dfd814-cba9-4011-8cb5-a89fc947ffff" alt=""><figcaption></figcaption></figure>

{% hint style="info" %}
Please note that this is a content block and will require being placed in an existing or new section. You can read more about dragging and dropping blocks here: [Tips for Drag and Dropping](https://secure.helpscout.net/docs/5785b798903360751e7221c8/article/Tips%20for%20Drag%20and%20Drop)
{% endhint %}

3. 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://2399025339-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Flklrekxvi2ofo3eXbyBY%2Fuploads%2FIu8nTmShb0cRTxL6qYAo%2FPS-add-videos-to-page-2.png%20-%20Step%201.png?alt=media&amp;token=828a9655-9e3b-470c-95b0-1e5383b569c8" alt=""><figcaption></figcaption></figure>

### &#x20;<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/blogstudio/customize-the-app/add-third-party-embed-code-to-your-article)

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

If you are using a **Video** section, you can upload your 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 page in **Page Studio**.
5. Navigate to the **Simple Start** section, select **more,** and then **video**.

<figure><img src="https://2399025339-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Flklrekxvi2ofo3eXbyBY%2Fuploads%2F3dwAK727NsLgH4SMAiBX%2FPS-Add-video-from-third-party-service.png%20-%20Step%203.png?alt=media&amp;token=5deeeeeb-836e-4650-a06e-5c17db77259c" alt=""><figcaption></figcaption></figure>

6. Click on the orange **Module Settings**, located at the bottom of the section.

<figure><img src="https://2399025339-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Flklrekxvi2ofo3eXbyBY%2Fuploads%2Fl8SkCCvIWdyZ5NTHwpVr%2FPS-Add-video-from-third-party-service.png%20-%20Step%206%20(1).png?alt=media&amp;token=4ea68848-9039-4496-861a-a4f89e332b06" alt=""><figcaption></figcaption></figure>

7. Paste the copied URL into the **Video URL** input.

<figure><img src="https://2399025339-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Flklrekxvi2ofo3eXbyBY%2Fuploads%2FonZA74l8Zag5xAPcd9hs%2FPS-Add-video-from-third-party-service_png_-_Step_7.png?alt=media&amp;token=1b1e8d79-fa67-4a78-943f-b6ac163923f9" alt=""><figcaption></figcaption></figure>

8. It is very important to remove ***https:*** from the link before saving.
9. Lastly, **save** your changes!
