> 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/widget/create.md).

# Crear un widget

### Crea un widget

<figure><img src="https://4156510226-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FagkqDgeI4qHjnpImeTdo%2Fuploads%2FGGPSuJ9ByR0GAJcfTPHF%2Fcreate-1-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%2FWw5yHZu237hhNBrciW8w%2Fcreate-2-es.png?alt=media" alt=""><figcaption></figcaption></figure>

1. Ve a **Widget** y haz clic en **\[+ Crear nuevo widget]**.
2. Elige un diseño de widget y haz clic en **\[Seleccionar]**. Verás el tipo de widget seleccionado en la vista previa de la derecha.

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

3. En la ventana **Añadir al orden de reproducción**, selecciona los vídeos que quieres añadir al widget. Puedes añadir hasta 200 vídeos al orden de reproducción de un widget.
4. Haz clic en **\[Añadir]** para crear el widget.

{% hint style="info" %}
Los vídeos que no tienen un banner de producto vinculado no aparecen en el widget.\
Todos los widgets de Charlla necesitan al menos un vídeo corto con un producto vinculado para activarse.\
Si un vídeo no tiene ningún producto vinculado, haz clic en **\[+]** en **Productos vinculables** para vincular uno.
{% endhint %}

<figure><img src="https://4156510226-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FagkqDgeI4qHjnpImeTdo%2Fuploads%2FDKRBnaJFjlZREJVhoI5o%2Fcreate-4-es.jpg?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%2FLxusiCNwF0etVKWakxZz%2Fcreate-5-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%2FfTfMYnmOzbFTLkqDEc7Z%2Fcreate-6-es.png?alt=media" alt=""><figcaption></figcaption></figure>

5. Con el widget de carrusel, también puedes crear el widget con productos. Puedes añadir hasta 200 vídeos y productos en total.
6. Si todavía no tienes productos, haz clic en **\[+ Añadir nuevo producto]** para añadir uno.

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

7. Al añadir un producto, el **Nombre del producto** y la **URL de la página de producto** son obligatorios.
8. Introduce los datos del producto y haz clic en **\[Registrar]** para añadirlo. Más adelante podrás reutilizarlo y vincularlo a otros vídeos de tus widgets.

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

9. Los productos nuevos aparecen en la lista de productos.
10. Selecciona los productos que quieres añadir y haz clic en **\[Añadir]** para crear el widget.

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

1. Con el widget de carrusel, también puedes crear el widget con productos. Puedes añadir hasta 200 vídeos y productos en total.
2. Usa el buscador para encontrar productos por nombre o código de producto.
3. Para añadir otro producto, haz clic en **\[+ Añadir nuevo producto]**.

{% hint style="info" %}
Un widget de carrusel no puede estar formado solo por productos.\
Necesita al menos un vídeo corto con un banner de producto vinculado para activarse.
{% endhint %}

### Editor del widget

<figure><img src="https://4156510226-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FagkqDgeI4qHjnpImeTdo%2Fuploads%2FMOgJVfGy19vHHVZfWBKU%2Fcreate-10-es.jpg?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%2FLTtvIKgRg8csMSmpoek2%2Fcreate-11-es.jpg?alt=media" alt=""><figcaption></figcaption></figure>

1. El título del widget. Haz clic en él para editarlo.
2. Haz clic en **\[Vista previa]** para abrir el widget a tamaño real en una ventana nueva.
3. Haz clic en **\[Copiar enlace]** para copiar el enlace del widget.
4. Haz clic en **\[Copiar código]** para copiar el código del widget. Pégalo donde quieras que aparezca el widget.
5. Haz clic en **\[Más]** para eliminar el widget.

### Lista de widgets

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

1. Consulta cuántos widgets tienes de cada tipo.
2. Filtra la lista por tipo de widget.
3. Haz clic en **\[Crear nuevo widget]** para crear un widget nuevo.
4. Busca widgets por título del widget, creador, título del vídeo o nombre del producto.
5. Ordena los widgets del más reciente al más antiguo o al revés.
6. Cada tarjeta muestra el número de elementos, el título del widget, el creador y la fecha de creación. La miniatura de la tarjeta muestra los vídeos o las imágenes de producto incluidos en el widget.
7. Pasa el ratón por encima de una tarjeta para copiar su enlace o código, duplicarla o eliminarla.


---

# 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/widget/create.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.
