Referência de blocos de conteúdo de e-mail

Referência para cada bloco que você pode adicionar na tela do editor Arraste e solte, e para os tipos de link disponíveis em botões e texto. Para controlar quais destinatários veem um bloco, defina uma condição de exibição.

Adicionar blocos de conteúdo

Abra a aba Blocos e arraste um bloco para a tela, ou clique em um bloco para adicioná-lo no final do e-mail. Blocos disponíveis:

• Título: títulos e manchetes curtas no e-mail
• Texto: corpo do texto e descrições mais longas
• Botão: uma chamada para ação clicável
• Imagem: imagens da Loja de Mídia, upload ou URL
• Vídeo: um pôster de vídeo clicável que leva a um vídeo do YouTube ou Vimeo
• Cartão: uma imagem combinada com um título, texto e botão em um único layout
• Divisor: uma linha que separa seções visualmente
• 2 colunas: duas colunas iguais lado a lado
• 3 colunas: três colunas iguais lado a lado
• 4 colunas: quatro colunas iguais lado a lado
• 33 / 67: duas colunas onde a esquerda ocupa cerca de 33% da largura e a direita cerca de 67%
• 67 / 33: duas colunas onde a esquerda ocupa cerca de 67% da largura e a direita cerca de 33%
• Temporizador: uma contagem regressiva para ofertas e prazos
• Menu: uma linha ou coluna de links, como navegação ou contatos
• Social: ícones que levam aos seus perfis sociais
• HTML: HTML personalizado, como um formulário, pesquisa ou vídeo incorporado
• Produtos: uma grade repetida de cartões de produtos. Insira produtos manualmente ou puxe-os do seu Catálogo de Produtos ou do carrinho abandonado de um destinatário.
• Notícias: uma grade repetida de cartões de artigos extraídos de um feed RSS ou Atom.

Título e texto

Os blocos Título e Texto contêm o texto que os destinatários leem no e-mail. Use Título para títulos e linhas curtas, Texto para o corpo do texto e descrições mais longas.

Clique em um bloco na tela para começar a editar. Selecione o texto para abrir a barra de ferramentas de formatação.

Opções da barra de ferramentas

• Estilo do texto: defina um estilo de parágrafo (Título 1, Título 2, Normal, etc.) para todo o bloco
• Tamanho da fonte: redimensione o texto selecionado ou aplique um tamanho a todo o parágrafo
• Negrito / Itálico / Sublinhado / Riscado: formatação de caracteres padrão
• Alinhamento: esquerda, centro ou direita
• Link: envolva o texto selecionado em um hiperlink
• Lista com marcadores / Lista numerada: transforme as linhas selecionadas em uma lista. Qualquer marcador ou número com que as linhas já comecem é removido, para não ser duplicado com o marcador da própria lista.

Selecione o bloco (não um trecho de texto) para abrir suas configurações no painel direito, depois ative o Espaçamento entre letras para aumentar ou diminuir o espaçamento entre caracteres para todo o bloco. Aceita valores fracionários e negativos. Para aplicar o espaçamento entre letras em todos os blocos de texto de uma vez, defina-o como padrão para todo o e-mail em Tipografia. Veja Configurar estilo para todo o e-mail.

Colar de outros documentos

Colar texto do Google Docs, Word ou de uma página da web mantém negrito, itálico, sublinhado, riscado e links. Cor, tamanho da fonte e família da fonte da origem não são transferidos — a tipografia do próprio bloco sempre prevalece. Para ignorar completamente a formatação da origem e assumir o estilo do bloco, cole com Ctrl+Shift+V (Cmd+Shift+V no Mac).

Uma lista com marcadores ou numerada colada mantém seu marcador ou número como texto simples no início de cada linha, no mesmo bloco. Selecione essas linhas e clique em Lista com marcadores / Lista numerada para transformá-las em uma lista real — o botão remove o marcador restante para você.

Em campos de linha única, como o rótulo de um Botão, as quebras de linha coladas se transformam em um único espaço.

Personalização com Tags de Mesclagem

As Tags de Mesclagem são marcadores que inserem um valor de Tag do perfil do destinatário, para que cada assinante veja um texto personalizado. Para adicionar uma, selecione o texto, clique em Tags de Mesclagem na barra de ferramentas e escolha uma Tag da sua conta. Clique em uma Tag de Mesclagem inserida para abrir um painel com os campos Padrão (o valor mostrado quando a tag está vazia) e Formato (capitalização, número ou formatação de data a ser aplicada ao valor).

Imagem

Um bloco de Imagem exibe uma imagem no e-mail. Selecione-o na tela para abrir as configurações de Imagem no painel direito.

Adicionando uma imagem

Clique em Adicionar imagem quando o bloco estiver vazio, ou Substituir imagem quando uma imagem já estiver definida. Isso abre a Galeria de Mídia com três abas:

• Biblioteca: seus arquivos enviados, pesquisáveis por nome de arquivo.
• Fotos de banco de imagens: pesquise fotos gratuitas do Pexels sem sair do editor. Clique em uma para copiá-la para sua biblioteca e inseri-la.
• Gerar com IA: descreva a imagem que você deseja e escolha uma proporção. A imagem gerada é salva na sua biblioteca.

Você também pode colar um link hospedado diretamente em URL da imagem para pular a galeria.

Texto alternativo

Descreva a imagem em Texto alternativo para acessibilidade, ou clique em Gerar alt com IA para que a IA o escreva a partir da imagem no seu idioma de edição atual. Imagens adicionadas de Fotos de banco de imagens ou Gerar com IA recebem texto alternativo automaticamente.

Tamanho e ajuste

• Largura: defina a largura da imagem em px, ou como uma porcentagem do espaço disponível para que ela permaneça fluida. Deixe no padrão para usar a largura natural da imagem.
• Largura no celular (px): substitui a largura apenas em telas de celular. Deixe em branco para continuar dimensionando a imagem proporcionalmente a partir de sua largura no desktop.
• Altura (px): defina uma altura de renderização fixa. Deixe em branco para dimensionar automaticamente — a partir da proporção de corte, se houver, caso contrário, a partir das proporções naturais da imagem.
• Cortar: escolha Original para manter as proporções naturais da imagem, ou uma proporção (Quadrado (1:1), 4:3, 3:2, 16:9) para cortar a imagem para essa caixa.
• Ajuste: escolha Cobrir para preencher a caixa e cortar nela. Defina o ponto de corte com Ponto focal. Ou escolha Conter para dimensionar toda a imagem dentro da caixa sem cortar. Posicione-a com Definir posição.

Links e espaçamento

Para abrir um link quando a imagem for clicada, insira-o em URL do link e defina o Destino do link para abrir na mesma aba ou em uma nova. Veja Adicionar links para os tipos de link disponíveis.

Em Espaçamento, ative o Preenchimento para adicionar espaço ao redor da imagem. Use Todos os lados para um preenchimento uniforme, ou ative Mais opções para definir cada lado separadamente.

Vídeo

Um bloco de Vídeo adiciona um vídeo do YouTube ou Vimeo ao e-mail como uma miniatura clicável. Os clientes de e-mail não podem reproduzir vídeos dentro da mensagem, então o bloco mostra uma imagem estática com uma sobreposição de ▶. Quando o destinatário toca nela, o vídeo abre no YouTube ou Vimeo. Isso funciona em todos os principais clientes, incluindo o Outlook.

Selecione o bloco de Vídeo na tela para abrir suas configurações no painel direito.

• URL do vídeo: cole um link do YouTube ou Vimeo. O editor busca uma miniatura automaticamente.
• Texto alternativo: descreva o vídeo para acessibilidade.
• URL da miniatura: mantenha a miniatura buscada automaticamente, ou clique em Adicionar miniatura / Substituir miniatura para escolher uma da Galeria de Mídia, ou cole um link hospedado diretamente.
• Sobreposição do botão de reprodução: ativado por padrão. Desative para mostrar a miniatura simples sem a sobreposição de ▶. A sobreposição não está disponível para miniaturas em alguns hosts externos. O editor avisa quando isso se aplica, e o e-mail mostra a miniatura simples em vez disso.
• Largura (px), Raio do canto (px) e Alinhamento: controlam a aparência da miniatura e onde ela fica no layout. Você pode definir o alinhamento separadamente para dispositivos móveis.

Cartão

Um bloco de Cartão combina uma imagem com um título, texto e botão em um único layout pronto. Selecione-o na tela para abrir suas configurações no painel direito.

• Layout: escolha de que lado a imagem fica em relação ao conteúdo.
• Imagem: substitua a imagem, defina o texto alternativo ou edite o prompt de uma imagem que você criou com Gerar com IA.
• Tamanho e ajuste: os campos de tamanho dependem do Layout. Cortar está disponível para todos os layouts. Ajuste se aplica a todos os layouts, exceto Fundo:
  • Topo: Altura define a altura da imagem em px ou como uma porcentagem da largura do cartão. Largura (px) estreita a imagem para uma largura fixa em pixels e a centraliza.
  • Fundo: Altura define a altura do cartão em px ou como uma porcentagem de sua largura. Não há campo Largura (px). A imagem sempre preenche o cartão como seu fundo e é cortada para ele, então Ajuste não tem efeito neste layout. Ponto focal ainda funciona: ele define qual parte da imagem permanece visível.
  • Esquerda ou Direita: Largura define a largura da coluna da imagem em px ou como uma porcentagem do cartão. Altura (px) fixa a imagem em uma altura em pixels. Definir uma altura em pixels limpa a proporção de corte abaixo. Escolher uma proporção de corte limpa a altura em pixels. Você não pode usar ambos ao mesmo tempo.
  • Para todos os layouts:
    • Cortar: escolha Original para manter as proporções naturais da imagem, ou uma proporção (Quadrado (1:1), 4:3, 3:2, 16:9) para cortar a imagem para essa caixa.
    • Ajuste: escolha Cobrir para preencher a caixa e cortar nela. Defina o ponto de corte com Ponto focal. Ou escolha Conter para dimensionar toda a imagem dentro da caixa sem cortar. Posicione-a com Definir posição.
• Espaçamento: defina o preenchimento ao redor do conteúdo do cartão.

Botão

Um Botão é uma chamada para ação clicável no e-mail.

Clique em um bloco de Botão para editar seu rótulo na tela. Use a barra de ferramentas para alterar o tamanho da fonte, cor do texto, negrito, itálico, sublinhado, riscado e alinhamento. O rótulo é uma linha única: quebras de linha coladas se transformam em um espaço. Veja Colar de outros documentos para saber o que uma colagem mantém e descarta.

Para definir o que acontece quando o destinatário clica no botão:

• Clique no ícone de link na barra de ferramentas para abrir Inserir/Editar Link.
• Ou use Tipo de ação e URL na seção Link do painel direito.

Veja Adicionar links para os tipos de ação disponíveis.

No painel direito, em Estilos:

• Alinhamento: esquerda, centro ou direita.
• Fundo, Cor do texto, Tamanho da fonte e Família da fonte: ative cada opção para substituir a aparência padrão.
• Raio da borda, Cor da borda e Largura da borda: forma e contorno do botão.
• Largura: defina uma largura fixa para o botão ou deixe-a automática.
• Preenchimento: adicione espaço dentro do botão. Use Todos os lados para um preenchimento uniforme, ou ative Mais opções para definir cada lado separadamente.

Divisor

Um Divisor é uma linha horizontal entre blocos de conteúdo. Use-o para separar seções visualmente no e-mail.

Configure o estilo da linha (Sólida, Tracejada, Pontilhada), cor, espessura e largura no painel de configurações.

HTML

O bloco HTML permite que você cole HTML personalizado em seu e-mail. Use-o para um formulário personalizado, pesquisa ou vídeo incorporado.

Acima do campo de código, clique em Tag de mesclagem para pesquisar as Tags da sua conta e inserir uma Tag de Mesclagem na posição do cursor — o mesmo recurso de personalização descrito acima — ou clique no ícone de emoji para inserir um emoji da mesma forma. Clique em uma Tag de Mesclagem inserida para abrir o mesmo painel Padrão / Formato como em um bloco de Título ou Texto.

Exemplos

Formulário de lead

Este formulário de lead coleta um endereço de e-mail para enviar um código promocional para a Venda de Ano Novo.

Código HTML

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<style>
  body { margin: 0; padding: 20px; font-family: Arial, sans-serif; }
  h2 { font-size: 18px; margin-bottom: 8px; color: #222; }
  p { font-size: 14px; color: #666; margin-bottom: 20px; }
  input {
    width: 100%;
    padding: 12px;
    margin-bottom: 12px;
    border: 1px solid #ddd;
    border-radius: 8px;
    font-size: 15px;
    box-sizing: border-box;
  }
  button {
    width: 100%;
    padding: 14px;
    background: #CC0000;
    color: white;
    border: none;
    border-radius: 8px;
    font-size: 16px;
    font-weight: bold;
    cursor: pointer;
  }
</style>
</head>
<body>

<h2>Get your New Year Sale code</h2>
<p>Enter your email and we'll send you an exclusive promo code for up to 50% off.</p>

<div id="form">
  <input type="email" placeholder="Your email address" />
  <button type="button">Get my code</button>
</div>

</body>
</html>

Pesquisa

Esta pesquisa pergunta em qual categoria o destinatário está comprando e vincula cada opção à página de venda relevante.

Código HTML

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<style>
  body { margin: 0; padding: 20px; font-family: Arial, sans-serif; text-align: center; }
  h2 { font-size: 18px; margin-bottom: 6px; color: #222; }
  p { font-size: 13px; color: #888; margin-bottom: 20px; }
  .option {
    display: block;
    width: 100%;
    padding: 14px;
    margin-bottom: 10px;
    background: #f5f5f5;
    border: 2px solid transparent;
    border-radius: 10px;
    font-size: 15px;
    cursor: pointer;
    box-sizing: border-box;
    text-decoration: none;
    color: #222;
  }
  .option:hover { border-color: #CC0000; background: #fff5f5; }
</style>
</head>
<body>

<h2>What are you shopping for?</h2>
<p>Pick a category and go straight to your deals</p>

<a class="option" href="https://example.com/sale/clothing">👗 Clothing</a>
<a class="option" href="https://example.com/sale/electronics">📱 Electronics</a>
<a class="option" href="https://example.com/sale/beauty">💄 Beauty</a>
<a class="option" href="https://example.com/sale/home">🏠 Home & Living</a>

</body>
</html>

Vídeo

Este exemplo incorpora um vídeo promocional da Venda de Ano Novo no e-mail.

Código HTML

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<style>
  body {
    font-family: Arial, sans-serif;
    margin: 0;
    padding: 20px;
    text-align: center;
  }
  .video-container {
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
    overflow: hidden;
  }
  .video-container iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
</style>
</head>
<body>

<h1>New Year Sale — Up to 50% Off</h1>

<div class="video-container">
  <iframe src="https://www.youtube.com/embed/YOUR_VIDEO_ID"
    allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"
    allowfullscreen></iframe>
</div>

</body>
</html>

Nota

Você também pode adicionar um link de cancelamento de inscrição diretamente no bloco HTML:

<a href=%%PW_EMAIL_UNSUBSCRIBE%%>Unsubscribe</a>

O marcador de posição %%PW_EMAIL_UNSUBSCRIBE%% é substituído pela URL de cancelamento de inscrição da Pushwoosh quando o e-mail é enviado.

Menu

O bloco Menu coloca vários itens clicáveis em uma linha ou coluna. Use-o para uma barra de navegação ou uma lista de contatos da empresa.

Para cada item do menu, defina:

• Rótulo: o texto que os destinatários veem
• URL: onde o item abre
• Destino: mesma aba ou uma nova aba

Nas configurações do bloco, você também pode definir:

• Direção: Horizontal ou Vertical
• Alinhamento: Esquerda, Centro ou Direita
• Separador: um divisor opcional entre os itens
• Fonte, tamanho, peso, espaçamento entre letras e cores de link/texto

Social

O bloco Social exibe uma linha de ícones de mídia social que levam aos seus perfis. Use-o para enviar destinatários para o Facebook, Instagram, X e outras plataformas a partir do e-mail.

Adicione entradas de plataforma, depois defina o alinhamento, o tamanho do ícone e o espaço entre os ícones.

Temporizador de contagem regressiva

O bloco Temporizador é uma contagem regressiva no e-mail. Use-o para ofertas por tempo limitado, vendas relâmpago e lembretes de eventos.

Para configurá-lo:

1. Em Contagem regressiva, defina a Data final e a Hora final, depois escolha o Fuso horário e o Idioma para os rótulos do temporizador.
2. Ative Rótulos para mostrar legendas “dias / horas / minutos / segundos” sob os dígitos, ou desative para apenas números.
3. Em Aparência, defina o Fundo, a Cor dos dígitos, a Cor dos rótulos e o tamanho da fonte para os dígitos (padrão 40px) e rótulos (padrão 16px).
4. Ajuste o Espaçamento (preenchimento) conforme necessário.

O temporizador é renderizado como uma imagem nítida em qualquer idioma ou tamanho, com um fundo que se estende por toda a linha do e-mail e uma versão renderizada nativamente para a largura do celular, em vez de uma imagem de desktop encolhida.

Colunas

As Colunas dividem a tela em seções lado a lado para que você possa colocar conteúdo um ao lado do outro em uma única linha.

Arraste um destes blocos para a tela:

• 2 colunas: duas colunas iguais
• 3 colunas: três colunas iguais
• 4 colunas: quatro colunas iguais
• 33 / 67: coluna esquerda com cerca de 33% de largura, direita com cerca de 67%
• 67 / 33: coluna esquerda com cerca de 67% de largura, direita com cerca de 33%

Em seguida, adicione conteúdo a cada coluna. Para alterar o espaçamento de todas as colunas no e-mail, abra Configurações → Padrões de colunas e ajuste o preenchimento externo, o preenchimento da coluna e o espaço entre as colunas.

Para a imagem da própria coluna (aquela que você adiciona com Adicionar imagem nas configurações da coluna), as configurações mostram uma seção Tamanho e ajuste. Este é o mesmo controle do layout Esquerda / Direita do bloco Cartão. Um bloco de Imagem arrastado para uma coluna é um elemento de conteúdo separado e mantém seus próprios campos de dimensionamento simples — veja Imagem.

Você também pode colar um link hospedado diretamente em URL da imagem para pular a galeria.

• Largura: defina a largura da imagem em px ou como uma porcentagem da coluna. Deixe sem definir para preencher a coluna.
• Altura (px): fixe a imagem em uma altura em pixels. Definir uma altura em pixels limpa a proporção de corte abaixo. Escolher uma proporção de corte limpa a altura em pixels. Você não pode usar ambos ao mesmo tempo.
• Cortar: escolha Original para manter as proporções naturais da imagem, ou uma proporção (Quadrado (1:1), 4:3, 3:2, 16:9) para cortar a imagem para essa caixa.
• Ajuste: escolha Cobrir para preencher a caixa e cortar nela. Defina o ponto de corte com Ponto focal. Ou escolha Conter para dimensionar toda a imagem dentro da caixa sem cortar. Posicione-a com Definir posição.

Nota

Uma imagem de coluna com apenas Altura (px) definida se estica para a largura da coluna e é cortada para essa altura.

Produtos

Um bloco de Produtos mostra uma grade de cartões de produtos a partir de um modelo compartilhado. Cada cartão pode incluir uma imagem, título, descrição, preço e um botão de compra. O modelo se repete para cada produto.

Clique em um cartão na tela para torná-lo ativo e editá-lo:

• Altere o título, descrição, preço, imagem ou link por produto para atualizar apenas esse cartão.
• Altere o layout do modelo, cores, preenchimento ou quais elementos ele contém para atualizar todos os cartões.

No painel de configurações, em Fonte, escolha de onde vêm os produtos:

• Manual: insira produtos manualmente, escolha-os do seu Catálogo de Produtos por ID ou misture ambos.
• Regra de catálogo: puxe produtos automaticamente por categoria e ordem de classificação, resolvidos novamente do catálogo no momento do envio.
• Carrinho: mostre os itens do carrinho abandonado atual de cada destinatário.

Nota

Essas fontes precisam de Modelos de Conteúdo no seu plano. Se o seletor de Fonte não mudar para Regra de catálogo ou Carrinho, entre em contato com o Suporte ou seu gerente de conta.

Você também precisa de um token de acesso à API (Configurações → Acesso à API). Sem um token, você ainda pode selecionar a fonte, mas o bloco não renderizará produtos até que você crie um e selecione novamente a fonte.

Adicionar produtos manualmente

Preencha a grade você mesmo, inserindo produtos manualmente ou escolhendo itens específicos do seu Catálogo de Produtos por ID. Você pode misturar ambos no mesmo bloco.

• Número de produtos: defina quantos cartões mostrar (1–24).
• Adicionar produto: adicione um cartão e preencha seu título, descrição, preço, imagem e link você mesmo.
• Escolher do catálogo…: selecione produtos específicos do seu Catálogo de Produtos em vez de digitá-los.
• Atualizar do catálogo: puxe o título, descrição, preço e imagem mais recentes para os produtos que você escolheu do catálogo, caso tenham mudado desde que você os adicionou. Não afeta produtos inseridos manualmente.
• Imagens do produto: clique em uma miniatura para substituir a imagem desse produto.
• Links do produto: insira ou edite a URL para cada produto.

Puxar produtos com uma regra de catálogo

Puxe produtos automaticamente por categoria e ordem de classificação, sem seleção manual.

• Categoria: limite a uma categoria específica do catálogo ou Todas as categorias.
• Ordenar: escolha a ordem em que os produtos são puxados: Mais recentes primeiro, Preço: baixo para alto, Preço: alto para baixo ou Título A-Z.
• Número de produtos: defina um limite de quantos cartões mostrar (1–12).
• Atualizar pré-visualização: recalcule a pré-visualização da tela em relação ao catálogo agora mesmo.

Pré-visualização vs. hora do envio

A pré-visualização da tela mostra os produtos que correspondem à regra agora. Se o catálogo mudar antes de você enviar o e-mail, por exemplo, um produto ficar sem estoque ou um novo for adicionado, os destinatários verão a correspondência atualizada no momento do envio, não a pré-visualização.

Mostrar itens do carrinho

Renderize os itens atuais do carrinho abandonado de um destinatário.

• Máximo de produtos mostrados: defina um limite de quantos cartões mostrar (1–12).
• Pré-visualizar o carrinho de um usuário: insira um ID de usuário ou e-mail e clique em Pré-visualizar carrinho para ver como o bloco é renderizado para aquele destinatário específico.

Nota

Cada destinatário recebe seu próprio carrinho abandonado atual no momento do envio. Destinatários sem um simplesmente pulam o bloco, então direcione seu público usando a tag PW_AbandonedCartID. A própria tela mostra cartões de amostra, não dados reais do carrinho. Veja Como configurar uma campanha de carrinho abandonado para a configuração completa.

Estilizar a grade

Depois de escolher uma fonte, estas configurações controlam a aparência da grade e de seus cartões. Elas permanecem as mesmas, não importa qual fonte você use:

• Colunas: escolha 1, 2 ou 3 cartões por linha. No celular, os cartões sempre se empilham em uma coluna.
• Espaço: ative para definir o espaço entre os cartões. Desativado usa o padrão (16px).
• Limite da descrição: o limite de caracteres ao qual o texto da descrição é cortado, para que os cartões mantenham um tamanho consistente.
• Modelo do cartão: escolha um layout, depois defina o Fundo do cartão, o Raio do canto do cartão e o Preenchimento do conteúdo para cada cartão.
• Tamanho e ajuste: mostrado para cada layout que tem uma imagem. Os mesmos controles de Largura, Altura, Cortar e Ajuste do dimensionamento de imagem por layout do bloco Cartão, dimensionados em relação à largura do cartão em vez de todo o e-mail.

As configurações de Estilo do bloco abaixo estilizam o bloco como um todo, separadamente dos cartões dentro dele:

• Fundo e Imagem de fundo: defina uma cor de fundo ou imagem por trás de toda a grade.
• Cor da borda, Largura da borda e Raio da borda: adicione um contorno e cantos arredondados ao redor de toda a grade.
• Ocultar no celular e Ocultar no desktop: oculte todo o bloco em um dispositivo. Veja Mostrar ou ocultar conteúdo por dispositivo.

Como o preço de venda aparece

Se um produto tiver um preço de venda em seu catálogo, o cartão mostra o preço com desconto com o original riscado. Isso se aplica à Regra de catálogo, Carrinho e itens de catálogo em Manual. Produtos inseridos manualmente não têm preço de venda.

Notícias

Um bloco de Notícias mostra uma grade de cartões de artigos extraídos de um feed RSS ou Atom, como seu blog ou um site de notícias. Cada cartão pode incluir uma imagem, data, manchete, resumo e um link “Leia mais”. O modelo se repete para cada artigo, da mesma forma que no bloco de Produtos. Um novo bloco de Notícias começa com 2 cartões de amostra.

Clique em um cartão na tela para torná-lo ativo e editá-lo:

• Altere a data, manchete, resumo, imagem ou link por artigo para atualizar apenas esse cartão.
• Altere o layout do modelo, cores, preenchimento ou quais elementos ele contém para atualizar todos os cartões.

Os artigos são copiados para o conteúdo do e-mail assim que você os carrega; nada é buscado novamente no momento do envio. As imagens dos artigos são copiadas para sua Loja de Mídia e convertidas de WebP para JPEG, se necessário, já que o Outlook não consegue renderizar WebP.

No painel de configurações, em Feed de notícias, cole uma URL do feed RSS 2.0 ou Atom, e então:

• Carregar últimos artigos: substitua os cartões atuais pelos artigos mais recentes do feed, com o mesmo número de cartões que você já tem (2 por padrão).
• Escolher artigos…: abra uma gaveta listando até 12 dos últimos artigos do feed, com miniatura, manchete, data, categoria e autor, e escolha quais adicionar. Os artigos escolhidos são anexados aos cartões existentes, até um total de 12; artigos já na tela não podem ser escolhidos duas vezes.

Nota

Se a URL do feed estiver vazia, inválida ou o feed não tiver artigos, a Pushwoosh mostra um erro e deixa os cartões atuais inalterados.

A gaveta permite que você escolha artigos específicos manualmente, em vez de sempre pegar os mais novos.

Layout

• Colunas: escolha 1, 2 ou 3 cartões por linha. No celular, os cartões sempre se empilham em uma coluna.
• Espaço: ative para definir o espaço entre os cartões. Desativado usa o padrão (16px).
• Limite do resumo: o limite de caracteres ao qual o resumo do artigo é cortado, para que os cartões mantenham um tamanho consistente.

Imagens e links dos artigos

• Imagens dos artigos: clique em uma miniatura para substituir a imagem daquele artigo.
• Links dos artigos: mostrado quando o modelo do cartão tem um link vinculado ao artigo (o botão padrão “Leia mais”). Lista cada artigo por manchete para que você possa editar ou substituir sua URL de destino, inicialmente extraída do feed.

Modelo e dimensionamento do cartão

Escolha um layout, depois defina o Fundo do cartão, o Raio do canto do cartão e o Preenchimento do conteúdo para cada cartão. Para o layout Esquerda ou Direita, ative Envolver texto ao redor da imagem para que a manchete e o resumo fluam ao redor da imagem, em vez de mantê-los em uma coluna fixa. Tamanho e ajuste (Largura, Altura, Cortar, Ajuste) funciona da mesma forma que o dimensionamento de imagem por layout do bloco Cartão, dimensionado em relação à largura do cartão.

Estilo do bloco

Fundo, Imagem de fundo, cor/largura/raio da borda e Ocultar no celular / Ocultar no desktop funcionam da mesma forma que no bloco de Produtos.

Nota

Como qualquer outro bloco, um bloco de Notícias suporta condições de exibição para mostrá-lo apenas a um subconjunto de destinatários.

Salvar e reutilizar blocos

Salve um bloco para reutilizá-lo neste ou em outros e-mails, em vez de reconstruí-lo a cada vez.

1. Clique no próprio bloco (sua moldura ou fundo, não o texto ou botão dentro dele) para selecionar o bloco inteiro. Cartão, Colunas e Social são exemplos de blocos que funcionam dessa maneira.
2. Clique no ícone de marcador na barra de ferramentas do bloco e dê um nome a ele.

Os blocos salvos aparecem em Blocos salvos na parte inferior da aba Blocos.

• Arraste um bloco salvo para a tela, ou clique nele para adicioná-lo no final do e-mail.
• Clique no × no bloco salvo para excluí-lo.

Manter cópias em sincronia

Ao salvar um bloco, ative Manter cópias em sincronia para vincular cada cópia inserida à mesma fonte. Edite a fonte uma vez, e a alteração se aplica em todos os lugares onde o bloco é usado, incluindo e-mails já agendados para envio.

Uma cópia sincronizada fica bloqueada na tela. Você não pode editá-la diretamente. Selecione a cópia para abrir suas configurações:

• Editar bloco sincronizado: desbloqueie esta cópia para que você possa alterá-la. Um banner aparece no topo. Clique em Aplicar a todos para salvar suas alterações na fonte e em todas as outras cópias, ou em Cancelar para descartá-las. Você pode desbloquear apenas um bloco sincronizado por vez.
• Atualizar da fonte: substitua esta cópia pela versão mais recente da fonte.
• Desvincular da fonte: desvincule esta cópia da fonte para que você possa editá-la por conta própria.

Nota

Cada vez que você abre um e-mail, a Pushwoosh verifica suas cópias sincronizadas e atualiza as que estão desatualizadas. Uma notificação mostra quantas foram atualizadas. Se a fonte tiver conteúdo mais recente, as configurações da cópia mostram um aviso até que você reabra o e-mail ou clique em Atualizar da fonte. Se a fonte foi excluída, a cópia mantém seu último conteúdo e você só pode Desvincular da fonte.

Adicionar links

Use o diálogo Inserir/Editar Link para definir o que acontece quando um destinatário clica em um botão ou texto selecionado. Escolha um Tipo de ação e preencha os campos para essa ação.

Abrir site

Abre um link quando o destinatário clica. Insira o endereço em URL.

Link para gerenciar preferências

Adiciona um link para o centro de preferências de inscrição onde os destinatários podem escolher quais categorias de e-mail recebem. O link é inserido automaticamente.

Link de cancelamento de inscrição

Permite que os destinatários cancelem a inscrição de acordo com as regulamentações e suas preferências.

Dica

Você também pode adicionar um link de cancelamento de inscrição em um bloco HTML:

<a href=%%PW_EMAIL_UNSUBSCRIBE%%>Unsubscribe</a>

O marcador de posição %%PW_EMAIL_UNSUBSCRIBE%% é substituído pela URL de cancelamento de inscrição da Pushwoosh quando o e-mail é enviado.

O que acontece quando o destinatário clica no link de cancelamento de inscrição

Se o centro de preferências de inscrição estiver ativado

O destinatário cancela a inscrição apenas da categoria atribuída a esse e-mail (por exemplo, Newsletter). O nome da categoria é removido da sua tag Categorias de E-mail Inscritas.

Uma tela de confirmação aparece com as opções Reinscrever e Gerenciar preferências. Saiba mais.

Se o centro de preferências de inscrição não estiver ativado

O destinatário opta por não receber todos os e-mails de marketing e a tag E-mails Não Inscritos é definida como true. E-mails transacionais não são afetados e continuarão a ser entregues. Saiba mais sobre tipos de mensagem.

Importante

Para permitir que você entregue e-mails importantes aos seus clientes, não excluímos usuários que cancelaram a inscrição da sua base de usuários.

Para continuar enviando mensagens para destinatários engajados, crie um segmento filtrado por E-mails Não Inscritos = false. Para evitar reclamações, não envie e-mails para destinatários que cancelaram a inscrição.

Os cliques são contados na taxa de cancelamento de inscrição no Histórico de Mensagens.

Link da versão web

Dá aos destinatários acesso a uma versão web do e-mail, útil se eles tiverem problemas para visualizá-lo em sua caixa de entrada.

Não rastrear estatísticas

Abre um link quando o destinatário clica, sem contar o clique para as estatísticas de cliques do seu e-mail. Insira o endereço em URL.

Link de confirmação do formulário de inscrição

Insere um link de confirmação para o envio de um formulário de inscrição (por exemplo, para confirmar um double opt-in). Saiba mais sobre double opt-in.