Perguntas frequentes
Esta página fornece respostas para algumas perguntas frequentes relacionadas ao editor de arrastar e soltar para e-mail.
Posso pré-visualizar como meu e-mail aparece no modo escuro?
Sim. Acesse a seção Preview and Test do editor de arrastar e soltar e ative o Dark mode. Recomendamos também pré-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 claro e 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 claramente 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, então o corpo do texto pode parecer ausente ou renderizar 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é-visualização do e-mail de arrastar e soltar?
As fontes personalizadas são carregadas na pré-visualização do editor quando um bloco de Text na mensagem faz referência à fonte. Se a pré-visualização ainda mostrar uma fonte de fallback após você configurar uma fonte personalizada nas configurações do editor de e-mail de arrastar e soltar, adicione um bloco de Text que use essa fonte para que o editor a carregue na pré-visualização. 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 etapas de configuração, consulte Fonte personalizada.
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 para visualizações de celular e web de forma independente, 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 permanecer 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 padding otimizado para celular e estejam configurados para ocultar a linha em um dispositivo desktop. Ter duas linhas separadas significa que você pode definir o padding 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ê:
- Adicione um bloco divisor.
- Clique no botão para ativar sua 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 sobre isso?
O editor de arrastar e soltar atualmente suporta duas camadas. Você pode definir uma imagem de fundo de linha e personalizar 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 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 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 Fill em um botão ou bloco não funcionar, tente o seguinte:
- Abra as configurações globais de estilo de e-mail e selecione Reset to default 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 Sending Settings > Advanced.
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 Edit email body para abrir o editor de arrastar e soltar.
- Selecione Download file (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 conflita com a marcação gerada pelo editor. Tente as seguintes etapas:
- Remova ou isole blocos HTML personalizados para ver se o problema desaparece.
- Verifique as configurações do editor de e-mail de arrastar e soltar para fontes personalizadas que podem não carregar em todos os clientes.
- Em Row Properties, revise o padding 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 bloco de conteúdo não renderiza na pré-visualização do e-mail?
Se um bloco de conteúdo não renderizar na pré-visualização do e-mail, verifique se há tags de âncora não fechadas. Para URLs de Conteúdo conectado, use o filtro replace para converter e-comerciais duplamente codificados (&) em um único e-comercial codificado (&). Limite o aninhamento de blocos de conteúdo 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ê 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 aninhá-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 ou blocos HTML personalizados, remova fontes personalizadas, verifique conflitos de CSS e evite duplicar blocos de linha. Entre em contato com o suporte da Braze se o problema persistir.