Perguntas frequentes
Esta página fornece respostas para algumas perguntas frequentes relacionadas ao editor de arrastar e soltar para e-mail.
Posso visualizar como meu e-mail aparece no modo escuro?
Sim. Acesse a seção Prévia e Teste do editor de arrastar e soltar e ative o Modo escuro. Recomendamos também visualizar e testar seus e-mails em diferentes plataformas de usuários e usar imagens transparentes para imagens de fundo de linha sempre que possível.
Como devo projetar e-mails para modo escuro e modo claro?
Os e-mails não precisam ser enviados em layouts separados para modo claro e modo escuro, pois os clientes de e-mail e dispositivos podem aplicar seu próprio tema escuro. No entanto, isso pode inverter cores ou ocultar fundos se cores explícitas não forem definidas no contêiner externo e nas seções principais. Para evitar isso, recomendamos definir cores de fundo sólidas para que sua mensagem seja lida com clareza tanto no modo escuro quanto no modo claro.
Alguns clientes de e-mail substituem imagens de fundo ou invertem texto de baixo contraste no modo escuro, fazendo com que o corpo do texto pareça ausente ou seja renderizado de forma diferente entre clientes (por exemplo, Gmail no iOS versus Android). Defina background-color no contêiner externo e nas seções principais em vez de depender apenas de imagens de fundo para fundos claros.
Por que minha fonte personalizada não aparece na prévia do e-mail de arrastar e soltar?
As fontes personalizadas são carregadas na prévia do editor quando um bloco Text na mensagem faz referência à fonte. Se a prévia ainda mostrar uma fonte de fallback após você configurar uma fonte personalizada nas configurações do Drag-and-Drop Email Editor, adicione um bloco Text que use essa fonte para que o editor a carregue na prévia. Confirme que o compartilhamento de recursos entre origens (CORS) está ativado no arquivo da sua fonte. Verifique novamente em Preview and Test e nos clientes de e-mail de destino antes de enviar. Para as etapas de configuração, consulte Fonte personalizada.
Como posso manter a formatação de texto ao copiar e colar de outro aplicativo?
Diferentes editores de texto e aplicativos têm suas próprias formas de lidar com a formatação de texto, que podem não ser universalmente reconhecidas. Quando você copia e cola texto formatado de fora da Braze no editor de arrastar e soltar, a formatação rica pode não ser mantida.
Para colar texto sem formatação rica, use um destes métodos:
- No Mac: Pressione cmd+shift+V em vez de cmd+V
- No Windows: Pressione ctrl+shift+V em vez de ctrl+V
- Clique com o botão direito dentro do editor e selecione Colar e Corresponder Estilo
Como posso alterar o padding do e-mail no celular sem atualizar o padding na visualização web?
Não é possível editar o padding exclusivamente para as visualizações de celular e web, então qualquer edição é refletida em ambas as visualizações. No entanto, você pode adicionar lógica CSS no editor de HTML que define o padding com base em diferentes tamanhos de tela. Isso não é compatível com o editor de arrastar e soltar, então você pode exportar o arquivo HTML e usar o editor de HTML.
Como posso otimizar uma linha de botões para que permaneça horizontal no desktop e no celular?
Ao criar um e-mail usando o editor de arrastar e soltar, se você criar uma linha horizontal de botões de chamada para ação, pode perceber que os botões são alterados para uma orientação vertical no celular.
Para manter o mesmo formato em diferentes tamanhos de dispositivo, recomendamos criar uma linha separada com botões de CTA que tenham o preenchimento otimizado para celular e estejam configurados para ocultar a linha em um dispositivo desktop. Ter duas linhas separadas significa que você pode definir o preenchimento desejado para a melhor renderização de texto em dispositivos desktop e celulares.
Posso ajustar a altura da linha no editor de arrastar e soltar?
A altura da linha se ajusta automaticamente ao conteúdo. Como alternativa, recomendamos que você:
- Adicione um bloco divisor.
- Clique no botão de alternância para ativar a transparência.
- Ajuste a altura.
É possível criar camadas no editor? Posso adicionar uma imagem de fundo, sobrepor uma imagem e adicionar uma camada de texto por cima?
O editor de arrastar e soltar atualmente suporta duas camadas. Você pode definir uma imagem de fundo para a linha e personalizar as cores de fundo.
Posso salvar meu e-mail de arrastar e soltar como modelo depois de criá-lo na minha Campaign ou Canvas?
Não. Não é possível salvar um e-mail de arrastar e soltar de uma Campaign ou Canvas como um modelo de e-mail de arrastar e soltar em Modelos > Modelos de e-mail. Recrie o layout em Modelos > Modelos de e-mail ou comece a partir de um modelo salvo na próxima vez. Para instruções, consulte Criar um modelo de e-mail.
Se você precisar de um modelo HTML reutilizável, selecione Baixar arquivo enquanto edita o corpo de arrastar e soltar, abra o HTML do ZIP e cole a marcação em um modelo de e-mail HTML usando o editor de código HTML. Verifique novamente o Liquid, os links e os ativos hospedados depois.
Para saber mais sobre onde os modelos ficam, consulte Modelos e mídia.
Por que não consigo alterar a cor de preenchimento de um botão no editor de arrastar e soltar?
Os estilos no nível da página podem substituir os estilos no nível da mensagem. Se atualizar o Preenchimento em um botão ou bloco não surtir efeito, tente o seguinte:
- Abra as configurações globais de estilo de e-mail e selecione Redefinir para o padrão no estilo de página conflitante para que a cor no nível da mensagem possa ser aplicada.
- Defina a cor novamente no bloco.
Posso adicionar anexos de e-mail ao editor de arrastar e soltar?
Sim. Você pode adicionar anexos à sua mensagem de e-mail acessando Configurações de envio > Avançado.
Como faço para baixar o HTML bruto de um e-mail de arrastar e soltar?
- Abra sua Campaign ou Canvas e edite a mensagem de e-mail.
- Selecione Editar corpo do e-mail para abrir o editor de arrastar e soltar.
- Selecione Baixar arquivo (na parte inferior do editor). Extraia o arquivo para acessar o HTML gerado.
Você pode colar esse HTML em um bloco HTML ou no editor de HTML quando precisar de edições de baixo nível — por exemplo, para desativar o rastreamento de cliques em links específicos.
Por que meu layout de arrastar e soltar está quebrando?
Problemas de layout geralmente são causados por HTML ou CSS personalizado que entra em conflito com a marcação gerada pelo editor. Tente estas etapas:
- Remova ou isole blocos de HTML personalizado para verificar se o problema desaparece.
- Verifique as configurações do editor de arrastar e soltar de e-mail para fontes personalizadas que podem não carregar em todos os clientes.
- Em Row Properties, revise o preenchimento e as larguras das colunas.
- Ao adicionar HTML personalizado, prefira layouts baseados em tabelas, imagens fluidas e larguras totais de tabela que se ajustem à largura do seu e-mail — imagens com pixels fixos ou estruturas que não usam tabelas frequentemente quebram no Outlook e em outros clientes.
Por que meu Content Block não é renderizado na prévia do e-mail?
Se um Content Block não for renderizado na prévia do e-mail, verifique se há tags de âncora não fechadas. Para URLs de Connected Content, use o filtro replace para converter e-comerciais com codificação dupla (&) em um e-comercial com codificação simples (&). Limite o aninhamento de Content Blocks a dois níveis.
Por que um Content Block de arrastar e soltar perde a estilização mobile dentro de um bloco de código personalizado?
Quando você insere um Content Block de arrastar e soltar dentro de um bloco de Código personalizado (HTML), a estilização e o alinhamento específicos para dispositivos móveis do Content Block podem não ser aplicados na mensagem enviada. Quando tanto o Content Block quanto o modelo usam o editor de arrastar e soltar, adicione o Content Block como sua própria linha em vez de aninhá-lo dentro de Código personalizado.
Quando você empilha vários Content Blocks, use uma linha separada para cada bloco em vez de colocar vários blocos em uma única linha.
Por que o editor de arrastar e soltar está ignorando as configurações de alinhamento?
Se o editor de arrastar e soltar estiver ignorando as configurações de alinhamento, remova CSS personalizado ou blocos HTML, remova fontes personalizadas, verifique se há conflitos de CSS e evite duplicar blocos de linha. Entre em contato com o suporte da Braze se o problema persistir.
Por que o código hexadecimal de cor que escolhi não corresponde à fonte no meu e-mail?
Se você estiver usando um Content Block, o bloco pode ter sua própria configuração de cor de fonte. Selecione o bloco de texto dentro do Content Block e limpe qualquer substituição local de Font color para que a cor hexadecimal do estilo global ou de parágrafo possa ser aplicada.