# 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="/files/Kpy42sAGm7Jm4EHoH8Ke" alt=""><figcaption></figcaption></figure>

<figure><img src="/files/RjdSidLUWCvox3yj9L8v" 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="/files/YNdbcqjuASDGcohM1kR8" 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="/files/Jr8nr0A3hTSVKrNePfft" 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="/files/nuXlLfluwRz71hM7W4Xj" alt=""><figcaption></figcaption></figure>

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

<figure><img src="/files/V5BHl3fI1cnV7IPxi4qk" alt=""><figcaption></figcaption></figure>

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

<figure><img src="/files/K61ssquPdL7CTR3AHAYu" alt=""><figcaption></figcaption></figure>

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


---

# 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://shoppad.gitbook.io/pagestudio/customize-the-app/add-videos-to-your-page.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.