Pular para o conteúdo principal
O editor da Scribe é onde você cria suas assinaturas de e-mail. Ele segue um layout de três painéis semelhante a ferramentas de design como Figma ou Framer: um painel de árvore à esquerda, um canvas no centro e um painel de estilo à direita.
Layout de três painéis do editor da Scribe com árvore, canvas e painel de estilo

​
Layout

Painel de árvore (esquerda): mostra a estrutura hierárquica da sua assinatura como uma árvore recolhível. Todo bloco da sua assinatura aparece aqui: colunas, blocos de texto, imagens, banners. Você pode selecionar, reordenar, duplicar, ocultar e excluir blocos a partir deste painel.
Painel de árvore à esquerda mostrando a hierarquia de blocos da assinatura
Canvas (centro): uma prévia ao vivo da sua assinatura que se atualiza em tempo real conforme você faz alterações. Clique em qualquer bloco diretamente no canvas para selecioná-lo ou use o painel de árvore. O canvas mostra dados reais dos membros da equipe a partir de Smartfields para que você veja como a assinatura ficará de fato.
Painel central do canvas do editor mostrando a prévia ao vivo da assinatura
Painel de estilo (direita): aparece quando você seleciona um bloco. Mostra todas as opções de estilo desse bloco, incluindo propriedades de layout, formatação de texto, cores, espaçamento e conexões com Smartfields. As opções mudam conforme o tipo de bloco selecionado.
Painel de estilo à direita mostrando as opções de configuração do bloco

​
Barra superior

A barra superior exibe informações e ações principais:
  • Seta para voltar: retorna à página de detalhes da assinatura
  • Nome e status da assinatura: mostra o nome da assinatura, o número de membros da equipe atribuídos e o status atual (Rascunho ou Publicada)
  • Modelos: explore a biblioteca de modelos para começar a partir de um design pronto
  • Verificação de qualidade: executa uma análise de compatibilidade no design da sua assinatura. Clique para ver uma checklist que verifica se a assinatura se adapta de forma responsiva a todos os tamanhos de tela, funciona com todos os clientes de e-mail e navegadores, opera em desktop/celular/tablet, carrega rapidamente com HTML leve, é exibida corretamente ao compor e-mails e mantém as proporções das imagens em todas as plataformas. Todas as verificações devem aparecer em verde antes de publicar.
  • Pré-visualização: abre o modal de pré-visualização para ver como a assinatura fica para cada membro da equipe
  • Publicar: coloca as alterações do design no ar. Após publicar, as atualizações são enviadas automaticamente a todos os membros da equipe com a assinatura instalada.
Barra superior do editor com as ações Modelos, Verificação de qualidade, Pré-visualização e Publicar

​
Barra de ações

Na parte inferior da tela de edição, a barra de ações oferece:
  • Desfazer / Refazer: avance ou retroceda pelas suas alterações
  • Alça de arrastar: reposicione a visualização da tela de edição
  • Controles de zoom: aumente o zoom (+), diminua o zoom (−) ou defina um nível específico de zoom (por exemplo, 100%)
Barra de ações do editor com controles de desfazer, refazer e zoom