Perguntas frequentes

Esta página fornece respostas para algumas perguntas frequentes relacionadas ao editor de arrastar e soltar para e-mail.

Posso ter uma prévia de 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 o modo escuro e o 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 os 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 legível 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?

Fontes personalizadas são carregadas na prévia do editor quando um bloco de Text na mensagem faz referência à fonte. Se a prévia ainda mostrar uma fonte de fallback depois de você configurar uma fonte personalizada nas configurações do Drag-and-Drop Email Editor, adicione um bloco de Text que utilize 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 do 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 reconhecidas universalmente. 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 no editor e selecione Colar e Corresponder ao 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 será 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çam na 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 call-to-action, pode perceber que os botões mudam 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 um preenchimento (padding) otimizado para celular e configurados para ocultar a linha em dispositivos desktop. Ter duas linhas separadas significa que você pode definir o preenchimento desejado para a melhor renderização de texto em dispositivos desktop e celular.

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ê:

1. Adicione um bloco divisor.
2. Clique no botão de alternância para ativar a transparência.
3. Ajuste a altura.

É possível criar camadas no editor? Posso adicionar uma imagem de fundo, sobrepor uma imagem e adicionar uma camada de texto sobre ela?

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 em uma 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 Templates > Email Templates. Recrie o layout em Templates > Email Templates 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 Download file 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 Templates 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 de nível de página podem substituir os estilos de nível de mensagem. Se atualizar o Preenchimento de um botão ou bloco não funcionar, tente o seguinte:

1. 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 de nível de mensagem possa ser aplicada.
2. Defina a cor novamente no bloco.

Posso adicionar anexos de e-mail no editor de arrastar e soltar?

Sim. Você pode adicionar anexos à sua mensagem de e-mail acessando Sending Settings > Advanced.

Como faço para baixar o HTML bruto de um e-mail de arrastar e soltar?

O editor de arrastar e soltar inclui a opção Download file para exportar seu e-mail como um arquivo HTML dentro de um arquivo ZIP.

1. Abra sua Campaign ou Canvas e edite a mensagem de e-mail.
2. Selecione Edit email body para abrir o editor de arrastar e soltar.
3. Selecione Download file.
4. Extraia o arquivo para acessar o HTML gerado.

Dica

No Windows, mova o arquivo ZIP para um local permanente (como Downloads) antes de extraí-lo. Extrair de uma pasta temporária pode impedir que você acesse o arquivo HTML depois que essa pasta for limpa.

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 personalizados que entram em conflito com a marcação gerada pelo editor. Tente estas etapas:

1. Remova ou isole blocos de HTML personalizados para verificar se o problema desaparece.
2. 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.
3. Em Row Properties, revise o padding e as larguras das colunas.
4. Ao adicionar HTML personalizado, prefira layouts baseados em tabela, 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.

Como o Gmail Translate afeta e-mails de arrastar e soltar?

Quando um destinatário usa o recurso de tradução do Gmail, o Gmail remove o bloco <style> do HTML do e-mail durante o processo de tradução. O Gmail também pode remover blocos <style> por outros motivos. Consulte Limitações de CSS do Gmail.

O editor de arrastar e soltar depende do CSS dentro desse bloco <style> para controlar as larguras responsivas de linhas e contêineres. A remoção desse bloco faz com que os fundos de linha e os contêineres sejam renderizados na largura fixa em pixels do modelo (geralmente 600 pixels), em vez de preencher toda a largura do contêiner. Esse comportamento ocorre tanto no iOS quanto no Android.

Se a renderização responsiva com o Gmail Translate for necessária, use o editor de HTML para criar um e-mail HTML personalizado em vez de usar o editor de arrastar e soltar.

Por que meu Content Block não renderiza na prévia do e-mail?

Se um Content Block não renderiza 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 duplamente codificados (&) em um único “e” comercial codificado (&). Limite o aninhamento de Content Blocks a dois níveis.

Por que um bloco de conteúdo de arrastar e soltar perde a estilização para dispositivos móveis dentro de um bloco de código personalizado?

Quando você coloca um Content Block de arrastar e soltar dentro de um bloco de Custom Code (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 inseri-lo dentro de Custom Code.

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 ignorar 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 de cor hexadecimal 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 Cor da fonte para que sua cor hexadecimal do estilo global ou de parágrafo possa ser aplicada.