Cómo crear temporizadores de cuenta atrás en Brevo

Hoy vamos a ver lo fácil que es incluir un temporizador de cuenta atrás en una campaña de email de Brevo. Brevo es una plataforma de envío de emails y edición de plantillas muy popular entre muchos de nuestros clientes. Añadir un temporizador de cuenta atrás a tus plantillas de email de Brevo es muy sencillo, y una gran forma de mejorar tus campañas de email con contenido dinámico.

Brevo logo

Paso 1: Crea tu temporizador en Sendtric

Ya sea que crees un temporizador gratuito en nuestra página de inicio o uno muy personalizado con uno de nuestros planes de pago, generar un temporizador de cuenta atrás es rápido y fácil. Solo tienes que seguir los pasos del editor, ajustar el estilo para que encaje con tu campaña de email y configurar el temporizador según la función para la que lo vayas a usar.

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

Una vez que hayas preparado tu temporizador, copia el código HTML del temporizador y ve a Brevo.

Paso 2: Inserta tu temporizador en tu plantilla de Brevo

Abre tu campaña de email de Brevo y elige si quieres usar su editor de arrastrar y soltar o su editor HTML.

Editor de arrastrar y soltar

Selecciona el bloque HTML y arrástralo hasta el lugar del email donde quieras que aparezca el temporizador. Haz doble clic en el bloque HTML dentro del email y pega el código HTML proporcionado por Sendtric, y luego añade la etiqueta "dynamic"*. (más abajo te explicamos cómo hacerlo)

Editor HTML:

Introduce el código proporcionado por Sendtric y añade la "etiqueta dynamic"* (más abajo te explicamos cómo hacerlo) en el lugar donde quieras que esté tu temporizador.

*Importante* Para asegurarte de que tu temporizador funcione correctamente en Brevo, añade "dynamic" al final de las etiquetas HTML img, tal y como se muestra a continuación:

Código HTML habitual proporcionado por Sendtric:

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

Brevo requiere añadir la etiqueta "dynamic" de la siguiente 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

Si quieres que tu temporizador esté centrado, aquí tienes algo de código adicional para centrarlo en todos los 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

Paso 3: ¡Ya está!

Así de fácil es incluir un temporizador de Sendtric en tu campaña de Brevo. Si usas un plan de pago y quieres hacer algún ajuste en el diseño de tu temporizador después de verlo en la plantilla (¡quizá esa elección de color no era la más acertada!), puedes volver fácilmente al editor de Sendtric y modificar lo que quieras del temporizador. No necesitas volver a copiar el código del temporizador, siempre que te asegures de editar el mismo temporizador que incluiste en tu plantilla.

¡Nos encantaría conocer tu experiencia usando nuestros temporizadores en Brevo! No dudes en escribirnos a support@sendtric.com si tienes alguna duda, pregunta o comentario.

Martin Tenev

Martin es Growth Manager y le apasiona todo lo relacionado con el crecimiento y la IA, incluyendo cómo crear campañas de email que conviertan.

Conéctate en LinkedIn

¿Listo para aumentar tus conversiones por email?

Únete a miles de marketers que usan la plataforma de personalización de email de Sendtric para impulsar sus conversiones.