# Imagens personalizadas

{% hint style="success" %}
Disponível apenas no plano "Business".
{% endhint %}

Imagens personalizadas são ilustrações ou miniaturas feitas sob medida que podem ser adaptadas de forma exclusiva para cada usuário no seu projeto. Essa personalização normalmente envolve modificar elementos específicos, como o texto, para atender a diferentes উদ্দেশivos — por exemplo, exibir o nome de um usuário dentro da imagem para aumentar o engajamento.

Vamos criar uma juntos.

#### **Criando uma imagem personalizada**

Para criar uma imagem personalizada, você precisará usar o construtor de certificados. Você pode acessá-lo na seção de criação de cursos.

No construtor de certificados, você pode configurar imagens personalizadas para serem distribuídas por meio de um chatbot.

**Etapa 1: Configurar o Certificado e Seu Texto**

1. Clique **"Criar Certificado."**
2. Envie a imagem escolhida como modelo do certificado.

<figure><img src="/files/8130e0bb1f7afaa18b3e0ba21cfa2e0159bc43a2" alt=""><figcaption></figcaption></figure>

{% hint style="success" %}
Certifique-se de ativar a caixa de seleção "Usar o modelo como uma imagem personalizada."
{% endhint %}

Agora vá para as configurações do certificado e organize os elementos necessários na ordem desejada:

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

Insira o espaço reservado para o nome do destinatário (que será substituído dinamicamente via chatbot), junto com qualquer texto adicional que você queira que apareça na imagem. Você também pode configurar outras opções de exibição aqui.

O construtor de certificados oferece flexibilidade: sinta-se à vontade para experimentar diferentes cores, fontes, imagens e outros elementos de design.

<figure><img src="/files/9d96084f6374c8c00e79e63a1fb7e8e2c60b7b18" alt=""><figcaption></figcaption></figure>

Para entregar essas imagens personalizadas, você precisará usar uma função de chatbot dentro de um messenger integrado ao sistema MaviBot.

### Enviando um arquivo via chatbot

Vá até o fluxo do chatbot onde você quer enviar imagens personalizadas. Lá, você precisará usar a função:\
`get_custom_image(image_id, name_on_image, avatar)`

{% hint style="warning" %}

## Observe

Cada vez que você usa essa função, ela consome os mesmos recursos que o envio de 10 mensagens normais.
{% endhint %}

<table><thead><tr><th width="294">Parâmetro</th><th>Descrição</th></tr></thead><tbody><tr><td><mark style="color:vermelho;">!</mark> image_id</td><td>ID da imagem</td></tr><tr><td><mark style="color:vermelho;">!</mark> name_on_image</td><td>nome do usuário</td></tr><tr><td>avatar </td><td>avatar do usuário<br>Se você precisar incluir uma imagem personalizada, passe o valor "1".</td></tr></tbody></table>

Você pode encontrar o ID da imagem aqui:

<figure><img src="/files/3dfbb134a71a624c50ce05548da0661fa31fca17" alt=""><figcaption></figcaption></figure>

Como exemplo, vamos usar um fluxo simples de chatbot que enviará uma imagem no chat:

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

Então, no segundo bloco, vamos pedir o nome do cliente, e nas configurações da seta que leva ao terceiro bloco, vamos especificar que o usuário está inserindo dados e salvar o nome dele em uma variável:

<div><figure><img src="/files/0a6525152ee12f1aa0e2cc9974c6272dec1c0b36" alt=""><figcaption></figcaption></figure> <figure><img src="/files/a9e6bdd91df327c1402f75478a578f757cae33c1" alt=""><figcaption></figcaption></figure></div>

No bloco final do fluxo, responsável por enviar a imagem, insira a função no campo do calculador. Use o seguinte formato, incluindo o `image_id` e o seu `name` variável.

<figure><img src="/files/82dd1c201ea49c49dbe08e4eb1625bde1788b7b1" alt=""><figcaption></figcaption></figure>

{% hint style="warning" %}

## Observe

O `get_custom_image` a função retorna um dicionário. Para exibir a imagem no chat, não imprima diretamente a variável de resultado (por exemplo, `image_1`). Em vez disso, você deve referenciar o valor armazenado sob a chave `'url'` (por exemplo, `image_for_user`).

Se configurado corretamente, a imagem será enviada e exibida no chat imediatamente.
{% endhint %}

{% hint style="success" %}

## Regras de nomenclatura de variáveis

Ao nomear sua variável no calculador, certifique-se de que o nome:

* Contém apenas letras latinas e números (por exemplo, `picture` está correto).
* Não tem espaços (use underscores: por exemplo, `apple_on_table`).
* Coloca os números no final (por exemplo, `apple1`, e não `1apple`).
  {% endhint %}

Observe que usamos a sintaxe `#{full_name}` para inserir dinamicamente o valor fornecido pelo usuário na variável.

Como resultado, as imagens enviadas no chat serão personalizadas com o nome que o usuário inseriu durante a conversa.


---

# 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/pt/como-fazer.../imagens-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.
