> For the complete documentation index, see [llms.txt](https://reputon.gitbook.io/reputon-help/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://reputon.gitbook.io/reputon-help/youtube-video-gallery/youtube-video-gallery-by-reputon.md).

# YouTube Video Gallery by Reputon

{% hint style="warning" %}
**Good to know:** Each widget displays up to 50 videos. Videos update automatically every 24 hours. 
{% endhint %}

**Getting Started**

<table data-view="cards"><thead><tr><th></th><th data-type="content-ref"></th></tr></thead><tbody><tr><td><strong>Step 1: Connect to YouTube</strong><br>Link your YouTube channel or add a playlist URL to start importing videos into your store.</td><td><a href="/pages/Zpb396cgp1qMIDIWdcHt">/pages/Zpb396cgp1qMIDIWdcHt</a></td></tr><tr><td><strong>Step 2: Add a video widget</strong><br>Pick a gallery style and place it on any page. Customize colors, layout, and playback options.</td><td><a href="/pages/fQWSDzN2ickuKYmJMpe0">/pages/fQWSDzN2ickuKYmJMpe0</a></td></tr><tr><td><strong>Step 3: Tag products in videos</strong><br>Turn videos into shoppable content by linking products so viewers can buy directly from the gallery.</td><td><a href="/pages/S0Te3rCv4rfLLJi4ItRo">/pages/S0Te3rCv4rfLLJi4ItRo</a></td></tr><tr><td></td><td></td></tr></tbody></table>

{% embed url="<https://youtu.be/8PUgVupSMZg?si=L_iFmXuolM9JgyWX>" %}

**Frequently Asked Questions**

<details>

<summary>Can I display videos from a playlist instead of a whole channel? </summary>

Yes. When setting up the widget you can paste either a channel URL or a specific playlist URL. Each widget supports one source, create additional widgets to display different channels or playlists side by side.

</details>

<details>

<summary>Can I show different videos on different product pages?</summary>

Yes. Create a separate widget for each product (or group of products) and assign it to the relevant page in the widget placement settings. [Step-by-step guide →](https://854de6e2b2a1d8f6b98722a8526be3cf.claudemcpcontent.com/mcp_apps?connect-src=https%3A%2F%2Fesm.sh+https%3A%2F%2Fcdnjs.cloudflare.com+https%3A%2F%2Fcdn.jsdelivr.net+https%3A%2F%2Funpkg.com\&resource-src=https%3A%2F%2Fesm.sh+https%3A%2F%2Fcdnjs.cloudflare.com+https%3A%2F%2Fcdn.jsdelivr.net+https%3A%2F%2Funpkg.com+https%3A%2F%2Ffonts.googleapis.com+https%3A%2F%2Ffonts.gstatic.com+https%3A%2F%2Fassets.claude.ai\&dev=true#)

</details>

<details>

<summary>How do I add a video background to a page section?</summary>

Use the Video Background widget type. Paste your YouTube URL, select the page section where it should appear, and adjust autoplay and mute settings. No coding required. [Setup guide →](https://854de6e2b2a1d8f6b98722a8526be3cf.claudemcpcontent.com/mcp_apps?connect-src=https%3A%2F%2Fesm.sh+https%3A%2F%2Fcdnjs.cloudflare.com+https%3A%2F%2Fcdn.jsdelivr.net+https%3A%2F%2Funpkg.com\&resource-src=https%3A%2F%2Fesm.sh+https%3A%2F%2Fcdnjs.cloudflare.com+https%3A%2F%2Fcdn.jsdelivr.net+https%3A%2F%2Funpkg.com+https%3A%2F%2Ffonts.googleapis.com+https%3A%2F%2Ffonts.gstatic.com+https%3A%2F%2Fassets.claude.ai\&dev=true#)

</details>

<details>

<summary>How do I customize the widget style?</summary>

Basic settings (layout, number of videos, thumbnail size, colors) are available directly in the widget editor. For advanced changes, use the Custom CSS field, the app includes ready-made code snippets for the most common edits. [CSS customization guide →](https://854de6e2b2a1d8f6b98722a8526be3cf.claudemcpcontent.com/mcp_apps?connect-src=https%3A%2F%2Fesm.sh+https%3A%2F%2Fcdnjs.cloudflare.com+https%3A%2F%2Fcdn.jsdelivr.net+https%3A%2F%2Funpkg.com\&resource-src=https%3A%2F%2Fesm.sh+https%3A%2F%2Fcdnjs.cloudflare.com+https%3A%2F%2Fcdn.jsdelivr.net+https%3A%2F%2Funpkg.com+https%3A%2F%2Ffonts.googleapis.com+https%3A%2F%2Ffonts.gstatic.com+https%3A%2F%2Fassets.claude.ai\&dev=true#)

</details>

**Need help?**

If you ever need help, feel free to reach out to us directly via [live chat](https://go.crisp.chat/chat/embed/?website_id=d24ef16e-6e05-49e9-bd59-a6f3bde0658a). We’re here to support you!

<p align="center"><a href="https://go.crisp.chat/chat/embed/?website_id=d24ef16e-6e05-49e9-bd59-a6f3bde0658a" class="button primary" data-icon="arrow-right">Chat with us</a></p>


---

# Agent Instructions
This documentation is published with GitBook. GitBook is the documentation platform designed so that both humans and AI agents can read, navigate, and reason over technical content effectively. Learn more at gitbook.com.

## 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, and the optional `goal` query parameter:

```
GET https://reputon.gitbook.io/reputon-help/youtube-video-gallery/youtube-video-gallery-by-reputon.md?ask=<question>&goal=<endgoal>
```

`ask` is the immediate question: it should be specific, self-contained, and written in natural language.
`goal` is optional and describes the broader end goal you are ultimately trying to accomplish on behalf of the user. GitBook uses it to tailor the answer towards what is most useful for that goal.

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.