> ## Documentation Index
> Fetch the complete documentation index at: https://docs.switchbord.ai/llms.txt
> Use this file to discover all available pages before exploring further.

# Construtor Visual de Templates

> Projetando templates de WhatsApp com precisão de pixel usando o Template Studio de 3 painéis.

O Construtor Visual de Templates (Template Studio) é o ambiente principal para criar e gerenciar templates de mensagem do WhatsApp. Ele oferece uma pré-visualização com precisão de pixel que reflete exatamente como as mensagens vão aparecer em dispositivos iOS e Android.

## O layout de 3 painéis

O construtor é organizado em três painéis especializados para simplificar o fluxo de trabalho de design:

### 1. Painel de Estrutura (Esquerda)

Defina os componentes fundamentais do seu template:

* **Header**: Texto, Imagem, Vídeo ou Documento.
* **Body**: O texto principal da mensagem, com suporte a variáveis (ex.: `{{1}}`).
* **Footer**: Texto cinza pequeno e opcional.
* **Buttons**: Resposta Rápida, Chamada para Ação (URL/Telefone) ou Opt-out de Marketing.

### 2. Painel do Editor (Centro)

O espaço de trabalho ativo onde você insere o conteúdo:

* **Mapeamento de Variáveis**: Atribua valores de teste aos seus placeholders `{{n}}` para vê-los renderizados em tempo real.
* **Formatação**: Suporte para *negrito*, *itálico*, ~~riscado~~ e `monoespaçado`.
* **Upload de Mídia**: Upload direto para os servidores da Meta, com redimensionamento e compressão automáticos.

### 3. Painel de Pré-visualização (Direita)

Um renderizador em tempo real, com precisão de pixel:

* **Alternância de Dispositivo**: Alterne entre a renderização de iOS e Android.
* **Escala Dinâmica**: Veja como sua mensagem se ajusta em diferentes larguras de tela.
* **Botões Interativos**: Teste links de URL e layouts de botões.

## Principais recursos

### Renderização com precisão de pixel

Diferente das pré-visualizações genéricas de texto, nosso renderizador usa exatamente as mesmas famílias de fonte, espaçamentos e formatos de balão usados pelo cliente do WhatsApp. O que você vê no Studio é o que seus clientes veem nos telefones deles.

### Gerenciamento de mídia

* **Otimização automática**: As imagens são automaticamente convertidas para formatos otimizados.
* **Verificações de conformidade**: O construtor avisa quando a mídia excede os limites de tamanho do WhatsApp (por exemplo, 5MB para imagens).

### Categorias de templates

Ao criar um template, você deve selecionar uma categoria exigida pela Meta:

* **Marketing**: Ofertas promocionais, anúncios de produtos.
* **Utility**: Atualizações de pedidos, alertas de conta.
* **Authentication**: Senhas de uso único (OTP).

## Validação e envio

Antes que um template possa ser usado em uma campanha, ele precisa ser enviado à Meta para aprovação. O Construtor Visual realiza verificações prévias ao envio para garantir a conformidade com as [Regras de Templates](/pt-BR/whatsapp/template-rules):

* Sem variáveis soltas (variáveis devem estar rodeadas de texto).
* Combinações corretas de botões.
* Contagens de caracteres precisas para cabeçalhos e rodapés.

Depois de enviado, o status do template será acompanhado de `PENDING` até `APPROVED` ou `REJECTED` diretamente na interface do studio.