> 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/motion-thumbnail/mapping.md).

# Vincular productos y vídeos

### Crea una miniatura animada

Vincula un producto con un vídeo y tu miniatura animada (Motion Thumbnail) estará lista.

1. En el menú **\[Miniatura animada]**, haz clic en **\[+ Crear miniatura animada]**.
2. En la ventana emergente **\[Crear miniatura animada]**, selecciona un producto y un vídeo.

<figure><img src="https://4156510226-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FagkqDgeI4qHjnpImeTdo%2Fuploads%2F9Bacr3U4XJkbjPx20hgj%2Fmapping-1-es.png?alt=media" alt=""><figcaption></figcaption></figure>

### Selecciona un producto

Puedes seleccionar cualquier producto que hayas registrado para los banners de producto de Charlla Shop Player.

1. En la ventana emergente **\[Crear miniatura animada]**, haz clic en **\[Seleccionar producto]**.

<figure><img src="https://4156510226-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FagkqDgeI4qHjnpImeTdo%2Fuploads%2FwBBvBcOype8qJ0sbi1sk%2Fmapping-2-es.png?alt=media" alt=""><figcaption></figcaption></figure>

2. Busca por nombre o código de producto y selecciona el producto.
   1. Solo puedes vincular un vídeo a cada producto. Los productos que ya tienen una miniatura animada no aparecen en la lista.
3. Para registrar un producto nuevo, haz clic en **\[+ Añadir nuevo producto]**.

<figure><img src="https://4156510226-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FagkqDgeI4qHjnpImeTdo%2Fuploads%2FnNDkysEL68jliHCxJXJl%2Fmapping-3-es.png?alt=media" alt=""><figcaption></figcaption></figure>

4. En **\[Añadir nuevo producto]**, introduce los datos siguientes para completar el registro.

> * ✅ Nombre del producto: el nombre del producto que vendes
> * ✅ URL de la página de producto: el enlace que se abre al hacer clic en el banner de producto del Shop Player
> * ✅ URL de la imagen de miniatura: la URL de la imagen pequeña que se muestra en el banner de producto del Shop Player
> * ✅ Precio: el precio de venta, el precio rebajado y el porcentaje de descuento
> * ✅ Moneda: la moneda en la que vendes
> * ✅ Estado del stock: la disponibilidad del producto

<figure><img src="https://4156510226-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FagkqDgeI4qHjnpImeTdo%2Fuploads%2Fih1mf9spGvRaDh0QO1MB%2Fmapping-4-es.png?alt=media" alt=""><figcaption></figcaption></figure>

5. Introduce la URL de la imagen que quieres sustituir por un vídeo y haz clic en **\[+ Añadir]**.

* Puedes registrar **hasta 4 URL de imagen**.
* **No puedes registrar dos veces la misma URL de imagen.** Si una URL ya está registrada, usa otra.

<figure><img src="https://4156510226-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FagkqDgeI4qHjnpImeTdo%2Fuploads%2FbppzQxi6X8AkENnhc8hG%2Fmapping-5-es.png?alt=media" alt=""><figcaption></figcaption></figure>

{% hint style="info" %}

#### <mark style="color:$primary;">**Una forma más fácil de copiar la URL de una imagen**</mark>

* **Haz clic derecho en la imagen y selecciona Copiar dirección de imagen** para copiar su URL al momento.
  {% endhint %}

### Selecciona un vídeo

Elige un vídeo de tu Biblioteca de Charlla para mostrarlo en lugar de la imagen.

1. En la ventana emergente **\[Crear miniatura animada]**, haz clic en **\[Seleccionar vídeo]**.

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

2. Busca por título del vídeo o por el usuario que lo subió y selecciona un vídeo.
3. Haz clic en **\[Seleccionar]** para confirmar tu elección.

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

4. Para añadir un vídeo nuevo, haz clic en **\[Subir]** en la parte superior y después selecciona el vídeo subido para tu miniatura animada.

<div data-with-frame="true"><figure><img src="https://4156510226-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FagkqDgeI4qHjnpImeTdo%2Fuploads%2F7LmWrE8dYMWjkozRefsQ%2Fmapping-9-es.png?alt=media" alt="" width="375"><figcaption></figcaption></figure></div>

### Termina de crear la miniatura animada

1. Para cambiar el producto o el vídeo, haz clic en **\[Cambiar]** y vuelve a seleccionarlo.
2. Cuando hayas seleccionado el producto, las imágenes y el vídeo, haz clic en **\[Añadir]** para terminar.

<div data-with-frame="true"><figure><img src="https://4156510226-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FagkqDgeI4qHjnpImeTdo%2Fuploads%2FkjgWOqg5Y8xYipI5y3OF%2Fmapping-10-es.png?alt=media" alt=""><figcaption></figcaption></figure></div>


---

# 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/motion-thumbnail/mapping.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.