# Imágenes personalizadas

{% hint style="success" %}
Disponible solo en el plan "Business".
{% endhint %}

Las imágenes personalizadas son ilustraciones o miniaturas personalizadas que pueden adaptarse de forma única para cada usuario en tu proyecto. Esta personalización normalmente implica modificar elementos específicos, como el texto, para distintos fines; por ejemplo, mostrar el nombre de un usuario dentro de la imagen para aumentar la interacción.

Creemos una juntos.

#### **Creación de una imagen personalizada**

Para crear una imagen personalizada, deberás usar el generador de certificados. Puedes acceder a él desde la sección de creación del curso.

En el generador de certificados, puedes configurar imágenes personalizadas para que se distribuyan mediante un chatbot.

**Paso 1: Configura el certificado y su texto**

1. Haz clic en **"Crear certificado."**
2. Carga la imagen que hayas elegido como plantilla del certificado.

<figure><img src="/files/28242c2ef59372c9cbc94193a7268fa166405446" alt=""><figcaption></figcaption></figure>

{% hint style="success" %}
Asegúrate de activar la casilla "Usar la plantilla como imagen personalizada."
{% endhint %}

Ahora ve a la configuración del certificado y organiza los elementos necesarios en el orden que quieras:

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

Introduce el marcador de posición para el nombre del destinatario (que se reemplazará dinámicamente mediante el chatbot), junto con cualquier texto adicional que quieras que aparezca en la imagen. También puedes configurar aquí otros ajustes de visualización.

El generador de certificados ofrece flexibilidad: siéntete libre de experimentar con distintos colores, fuentes, imágenes y otros elementos de diseño.

<figure><img src="/files/51d008691ec64907b457edbb1a382c24f2499253" alt=""><figcaption></figcaption></figure>

Para entregar estas imágenes personalizadas, deberás usar una función de chatbot dentro de un mensajero que esté integrado con el sistema MaviBot.

### Envío de un archivo mediante chatbot

Ve al flujo de trabajo del chatbot donde quieras enviar imágenes personalizadas. Allí deberás usar la función:\
`get_custom_image(image_id, name_on_image, avatar)`

{% hint style="warning" %}

## Tenga en cuenta

Cada vez que uses esta función, consume los mismos recursos que enviar 10 mensajes normales.
{% endhint %}

<table><thead><tr><th width="294">Parámetro</th><th>Descripción</th></tr></thead><tbody><tr><td><mark style="color:rojo;">!</mark> image_id</td><td>ID de la imagen</td></tr><tr><td><mark style="color:rojo;">!</mark> name_on_image</td><td>nombre del usuario</td></tr><tr><td>avatar </td><td>avatar del usuario<br>Si necesitas incluir una imagen personalizada, pasa el valor "1".</td></tr></tbody></table>

Puedes encontrar el ID de la imagen aquí:

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

Como ejemplo, usemos un flujo de trabajo sencillo de chatbot que enviará una imagen en el chat:

<figure><img src="/files/291ee993e705aaed1c1d5fe21a5c49d814ad7ca7" alt=""><figcaption></figcaption></figure>

Así que, en el segundo bloque, pediremos al cliente su nombre y, en la configuración de la flecha que conduce al tercer bloque, especificaremos que el usuario está introduciendo datos y guardaremos su nombre en una variable:

<div><figure><img src="/files/b900cc2750538d27144bbea6c5f15ae7a697c3f0" alt=""><figcaption></figcaption></figure> <figure><img src="/files/81f8d0ce733a50220ba100761281b96b26265d6d" alt=""><figcaption></figcaption></figure></div>

En el bloque final del flujo de trabajo responsable de enviar la imagen, inserta la función en el campo de la calculadora. Usa el siguiente formato, incluyendo el `image_id` y tu `name` variable.

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

{% hint style="warning" %}

## Tenga en cuenta

El `get_custom_image` la función devuelve un diccionario. Para mostrar la imagen en el chat, no muestres directamente la variable de resultado (por ejemplo, `image_1`) directamente. En su lugar, debes hacer referencia al valor almacenado bajo la clave `'url'` clave (por ejemplo, `image_for_user`).

Si está configurado correctamente, la imagen se enviará y se mostrará en el chat inmediatamente.
{% endhint %}

{% hint style="success" %}

## Reglas para nombrar variables

Al nombrar tu variable en la calculadora, asegúrate de que el nombre:

* Contiene solo letras y números latinos (por ejemplo, `picture` es correcto).
* No tiene espacios (usa guiones bajos: por ejemplo, `apple_on_table`).
* Coloca los números al final (por ejemplo, `apple1`, no `1apple`).
  {% endhint %}

Ten en cuenta que usamos la sintaxis `#{full_name}` para insertar dinámicamente en la variable el valor proporcionado por el usuario.

Como resultado, las imágenes enviadas en el chat se personalizarán con el nombre que el usuario introdujo durante la conversación.


---

# 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://docs.mavibot.ai/doc/es/como-hacer.../imagenes-personalizadas.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.