> For the complete documentation index, see [llms.txt](https://support.charlla.io/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://support.charlla.io/es/userguide/player/shop-player-y-listas-de-reproduccion.md).

# Shop Player

Un reproductor de compra con banners que enlazan a la página de producto, para que los espectadores compren al momento los productos que ven en tus vídeos cortos. Solo admite vídeos verticales.

{% hint style="warning" %} <mark style="color:red;">**Ten en cuenta lo siguiente**</mark>

* <mark style="color:red;">**El Shop Player solo admite vídeos verticales.**</mark>
* <mark style="color:red;">**Los vídeos horizontales también se muestran en formato vertical.**</mark>
  {% endhint %}

## Paso 1. Ajustes del reproductor

1. Ve a \[Panel lateral] > \[Pestaña Shop Player] > \[Ajustes del reproductor] y activa o desactiva los interruptores según lo que necesites.
2. Cuando cambies los ajustes del Shop Player, haz clic en **\[Guardar y actualizar]** para guardarlos.

<figure><img src="https://4156510226-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FagkqDgeI4qHjnpImeTdo%2Fuploads%2FqI6S7kgXrxUfnkz0m8Xx%2Fshop-player-y-listas-de-reproduccion-6-es.png?alt=media" alt=""><figcaption></figcaption></figure>

{% hint style="info" %}
**Ajustes recomendados**

* Quiero que el vídeo empiece en cuanto se abra la página, sin pulsar el botón de reproducir **→ Reproducción automática activada**
* Quiero que el vídeo no se detenga al terminar **→ Bucle activado**
  {% endhint %}

## Paso 2. Añade banners de producto <a href="#shop-prodbanner" id="shop-prodbanner"></a>

1. En \[Añadir banners], introduce la URL de la página de producto, la URL de la imagen en miniatura, el nombre y el precio del producto que quieras vincular al Shop Player.
2. Haz clic en **\[Añadir banner de compra]**.
3. Haz clic en **\[Guardar y actualizar]** para guardar el banner de producto.
4. Haz clic en el icono de enlace de la parte superior del panel lateral.
5. Copia el enlace o el código y úsalo.

<figure><img src="https://4156510226-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FagkqDgeI4qHjnpImeTdo%2Fuploads%2FVC5CM8P7gD5rLnI4M4YN%2Fshop-player-y-listas-de-reproduccion-7-es.png?alt=media" alt=""><figcaption></figcaption></figure>

<figure><img src="https://4156510226-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FagkqDgeI4qHjnpImeTdo%2Fuploads%2FDs9s6Js05CGFfrKDafgn%2Fshop-player-y-listas-de-reproduccion-8-es.png?alt=media" alt=""><figcaption></figcaption></figure>

{% hint style="warning" %}
¿Dónde puedo usar el enlace del Shop Player?

* Añádelo al enlace de tu perfil de Instagram para llevar a tus seguidores al Shop Player, junto con los productos relacionados y tu tienda online.
* Cuando promociones descuentos o campañas especiales, muestra a tus clientes el vídeo junto con los productos relacionados.
  {% endhint %}


---

# 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 by asking a question.

Perform an HTTP GET request on the following URL with the `ask` and `goal` query parameters:

```
GET https://support.charlla.io/es/userguide/player/shop-player-y-listas-de-reproduccion.md?ask=<question>&goal=<user_goal>
```

`ask` is the immediate question: it should be specific, self-contained, and written in natural language.
`goal` is what the user is ultimately trying to achieve, the reason they need the answer. Sharing it helps GitBook give you a better, more relevant answer. A goal is most helpful when it describes the outcome the user wants rather than restating the question. For example, with `ask=how do I create an API token`, a goal like `automate deployments from our CI pipeline` lets GitBook tailor the answer to that use case.

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.