Como Criar Temporizadores de Contagem Decrescente no Brevo

Hoje vamos mostrar-te como é fácil incluir um temporizador de contagem decrescente numa campanha de email no Brevo. O Brevo é uma plataforma popular de envio de emails e edição de templates, usada por muitos dos nossos clientes. Adicionar um temporizador de contagem decrescente aos teus templates de email no Brevo é simples e é uma ótima forma de enriquecer as tuas campanhas de email com conteúdo dinâmico.

Brevo logo

Passo 1: Cria o teu temporizador na Sendtric

Quer estejas a criar um temporizador gratuito na nossa página inicial, quer um temporizador altamente personalizado num dos nossos planos pagos, gerar um temporizador de contagem decrescente é rápido e fácil. Basta seguir os passos do editor, ajustar o estilo para corresponder à tua campanha de email e configurar o temporizador de acordo com a função para a qual o vais usar.

Sendtric countdown timer editor open for building a timer to add to a Brevo email campaign

Depois de teres preparado o teu temporizador, copia o código HTML do temporizador e vai até ao Brevo.

Passo 2: Insere o teu temporizador no teu Template do Brevo

Abre a tua campanha de email no Brevo e escolhe se queres usar o editor de arrastar e soltar (drag & drop) ou o editor de HTML.

Drag & Drop Editor

Seleciona o bloco de HTML e arrasta-o para o local do teu email onde queres que o temporizador fique. Faz duplo clique no bloco de HTML dentro do email, cola o código HTML fornecido pela Sendtric e depois adiciona a tag 'dynamic'*. (vê abaixo como fazer isto)

HTML Editor:

Introduz o código fornecido pela Sendtric + adiciona a 'dynamic tag'* (vê abaixo como fazer isto) no local onde queres que o teu temporizador fique.

*Importante* Para garantires que o teu temporizador funciona corretamente no Brevo, adiciona "dynamic" no final dos parênteses HTML da imagem (img), da seguinte forma:

Código HTML habitual fornecido pela Sendtric:

<img src="https://gen.sendtric.com/countdown/133dvtakwh" style="display: block;max-width:100%;" />

O Brevo exige que adiciones a tag 'dynamic' da seguinte forma:

<img src="https://gen.sendtric.com/countdown/xyz123456" style="display: block;max-width:100%;" dynamic/>
Brevo email campaign editor with the HTML block option highlighted in the drag-and-drop editor
Brevo HTML editor panel for pasting custom embed code into an email campaign

Se quiseres que o teu temporizador fique centrado, aqui tens algum código adicional para o centrar em todos os clientes de email:

<table align="center"> <tbody> <tr> <td><img src="https://gen.sendtric.com/countdown/xyz123456" style="display: block;max-width:100%;" dynamic/></td> </tr> </tbody> </table>
Brevo HTML block showing a placeholder table for the Sendtric timer embed code

Passo 3: Está Concluído!

É assim tão fácil incluir um temporizador da Sendtric na tua campanha do Brevo. Se estiveres a usar um plano pago e quiseres fazer alguns ajustes ao design do teu temporizador depois de o veres no template (talvez aquela cor não tenha ficado tão bem!), podes voltar facilmente ao Editor da Sendtric e alterar o que quiseres no temporizador. Não precisas de copiar novamente o código do temporizador, desde que edites o mesmo temporizador que incluíste no teu template.

Também adorávamos saber da tua experiência a usar os nossos temporizadores no Brevo! Não hesites em contactar-nos através de support@sendtric.com com quaisquer dúvidas, perguntas ou feedback que queiras partilhar.

Martin Tenev

O Martin é Growth Manager e é apaixonado por tudo relacionado com crescimento e IA, incluindo como criar campanhas de email que convertem.

Conecta-te no LinkedIn

Pronto para aumentar as tuas conversões por email?

Junta-te a milhares de profissionais de marketing que usam a Plataforma de Personalização de Email da Sendtric para gerar conversões.