Como tornar um temporizador de contagem regressiva responsiva?

Usando o construtor de código embutido:

1

Criar um temporizador de contagem regressiva para MailTimers

Use o construtor de temporizador MailTimers para criar um novo temporizador de contagem regressiva que se encaixa bem no design do seu e-mail.

MailTimers Countdown Timer
2

Vá para o Painel e personalize o código Embed

Selecione o temporizador que você precisa e clique no botão "Personalizar código incorporado".

MailTimers Countdown Timer

Você verá uma janela pop-up onde você pode definir o valor "Responsivo" para "Verdadeiro".

MailTimers Countdown Timer
3

Copiar código HTML:

Copie o código HTML do tempo de contagem regressiva clicando no botão "Copiar HTML".

MailTimers Countdown Timer

Adicionar código CSS manualmente:

1

Criar um temporizador de contagem regressiva para MailTimers

Use o construtor de temporizador MailTimers para criar um novo temporizador de contagem regressiva que se encaixa bem no design do seu e-mail.

MailTimers Countdown Timer

Copiar código-fonte incorporado que é gerado como este:

MailTimers Countdown Timer
2

Adicionar estilos ao seu código de incorporação

Para que o tempo de contagem regressiva HTML se torne responsivo, apenas adicione o atributo de estilo ao seu código e escreva os seguintes estilos nele: largura: 100%; max-width: 100%; height: auto; aqui é um exemplo como deve ser:


<img src="https://gifcdn.com/64mj6e9n.gif" style="width:100%;max-width:100%;height:auto;" alt="mailtimers.com">

                        

Propriedade CSS largura máxima é necessária para limitar a largura máxima do temporizador, se você precisa do temporizador para ter uma largura fixa, apenas substitua 100% pelo valor que você precisa, por exemplo 300px, em seguida, a largura do temporizador não excederá 300px.

O temporizador de contagem regressiva — o que é?

Um cronômetro de contagem regressiva é usado para criar um senso de urgência e persuadir um cliente a tomar uma ação imediata. Ao dar a impressão de escassez e definir um prazo para seus clientes, eles ficam mais propensos a agir.

Você já viu cronômetros de contagem regressiva usados ​​em esquemas de marketing antes, talvez sem perceber. Eles aparecem em landing pages e sites durante vendas ou eventos e são frequentemente usados ​​na televisão (como redes de compras). Os cronômetros de contagem regressiva são normalmente colocados na frente e no centro, mas geralmente são bastante sutis.

A escassez baseada no tempo como método de psicologia de marketing é incrivelmente eficaz. Ao adicionar cronômetros de contagem regressiva à sua estratégia de email marketing, você incutirá um senso de urgência e escassez (FOMO) por meio de conteúdo altamente direcionado, entregue diretamente ao seu cliente ideal.