> For the complete documentation index, see [llms.txt](https://help.hyperflow.global/docs/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://help.hyperflow.global/docs/builder-hyperflow/gerenciamento-de-aplicativos/fluxos/integracao/html-para-imagem.md).

# HTML para Imagem

O módulo **HTML para Imagem** converte um conteúdo HTML em uma imagem, entregando uma URL temporária para acessar o resultado. É útil para gerar imagens personalizadas — como um cartão de confirmação ou um resumo visual — a partir de um modelo HTML montado no fluxo.

{% hint style="info" %}
A imagem gerada é sempre no formato **JPG**. Não há opção de escolher outro formato ou definir dimensões específicas.
{% endhint %}

## 🧭 Como acessar

1. No menu lateral, clique em **Gerenciamento de aplicativos**.
2. Em seguida, clique em **Fluxos**.
3. Abra ou crie um fluxo e acesse a área de trabalho do fluxo.
4. No painel de módulos, localize a categoria **Integração** (identificada pela cor azul).
5. Arraste o módulo **HTML para Imagem** para a área de trabalho do fluxo.

## 🔍 Conhecendo o módulo

Ao clicar duas vezes no módulo na área de trabalho do fluxo, um painel de configuração é aberto na lateral da tela.

### 📝 HTML

No campo principal, escreva o conteúdo HTML que será convertido em imagem. Você pode usar variáveis do fluxo para personalizar o conteúdo, e uma prévia é exibida ao lado enquanto você edita.

### 🔀 Saídas do módulo

O módulo tem duas saídas:

* **Sucesso** — a imagem foi gerada, com a URL disponível na variável de saída para os próximos módulos do fluxo.
* **Erro** — não foi possível processar a solicitação de conversão.

{% hint style="warning" %}
A URL da imagem é **temporária**. Se precisar manter o arquivo disponível por mais tempo, salve-o em outro local (por exemplo, enviando-o para um módulo de armazenamento) logo após a geração.
{% endhint %}

## 💡 Caso de uso

**Cenário:** uma empresa quer gerar uma imagem personalizada de confirmação de pedido para enviar ao cliente pelo WhatsApp.

**Configuração:**

1. Adicione o módulo **HTML para Imagem** ao fluxo, no ponto em que os dados do pedido já foram coletados.
2. No campo **HTML**, monte o layout da imagem usando variáveis do fluxo, como `{{input.nome}}` e `{{input.numeroPedido}}`.
3. Conecte a saída **Sucesso** a um módulo de mensagem que envie a imagem ao cliente.

**Resultado:** o cliente recebe uma imagem personalizada de confirmação, gerada automaticamente a partir dos dados do pedido.

## 📌 Dicas úteis

* Teste o HTML em um navegador antes de usá-lo no módulo, para garantir que o resultado visual ficará como esperado na imagem.
* Lembre-se de que a URL gerada é temporária — não a use como link permanente.
* Como a imagem é sempre gerada em JPG, evite depender de transparência de fundo no seu HTML.

## 📝 Resumo

* O módulo **HTML para Imagem** converte um conteúdo HTML em uma imagem no formato JPG.
* O único campo de configuração é o **HTML** a ser convertido.
* A saída **Sucesso** entrega uma URL temporária de acesso à imagem gerada; a saída **Erro** ocorre em falhas de processamento.