Cómo añadir una cuenta atrás a tus emails de Shopify Email

En resumen

En Shopify Email (que la ayuda de Shopify ya llama Shopify Messaging), la cuenta atrás se pega en una sección de Liquid personalizado. Crea el timer aquí, copia el HTML y pégalo en esa sección, en una campaña o en una automatización de carrito abandonado. Para un plazo por cliente, añade ?rid={{ customer.id }} a la URL.

Actualizado el · AP Agency

En Shopify Email la cuenta atrás va en una sección de Liquid personalizado. Pegas una tabla con la imagen del timer, y esa imagen se pide a nuestro servidor cada vez que alguien abre el email. Por eso muestra el tiempo que queda en ese momento.

La ayuda de Shopify ya llama a la herramienta Shopify Messaging y la sitúa en Apps > Messaging. Aquí seguimos diciendo Shopify Email porque es como la busca casi todo el mundo.

Basado en la documentación oficial de Shopify, revisada el 1 de octubre de 2026.

Crea la tuya

El generador ya viene configurado para esta página. Cambia lo que necesites y pulsa Crear contador.

En directo Vista previa de una cuenta atrás en GIF con días, horas, minutos y segundos

GIF animado. Se recalcula cada vez que se abre el email.

Empezar con
Tipo de contadorRecurrente, plan Starter
Duración para cada destinatario

Con la etiqueta de tu plataforma en la URL (plan Starter), cada persona ve su propio plazo desde que abre el email. Sin ella, cada apertura muestra la duración completa.

Se repite
Días de la semana

Al llegar a cero vuelve a empezar hasta la siguiente fecha.

EstiloLos estilos Pro se pueden probar aquí
Gratis
PRO
UnidadesSi quitas días, las horas los absorben
Colores

Suaviza el borde de las cifras para que encajen sobre ese fondo.

Fondo de imagen STARTER

Pon una foto o una textura detrás de las cifras. Necesita una cuenta con el plan Starter. Crear cuenta · Ver planes

Más opciones de fuente y texto

Más de 1.500 familias desde el plan Starter. Con ese plan, la vista previa las carga desde nuestro servidor; sin él, se ve con Inter.

Tamaño
Idioma de las etiquetas
Etiquetas
Al llegar a cero

Gratis y sin registro. Recibes el código para pegar en tu email.

Esta opción es de pago

Puedes probarla en la vista previa, pero para usarla en un email necesitas el plan Starter.

    Qué sección usar

    Liquid personalizado. Shopify permite añadir una sección de Liquid personalizado dentro de un email hecho con plantilla, o programar el email entero. La sección admite HTML, así que nuestro código entra tal cual. Según Shopify, cada sección tiene un máximo de 50 KB y solo se puede crear desde un ordenador. Nuestro código ocupa menos de 1 KB.

    Imagen subida, no. Si subes el GIF como imagen de la tienda, el email apunta a una copia con el fotograma de ese momento y el timer deja de contar.

    Paso a paso en una campaña

    1. Crea el timer en el generador con la fecha y la zona horaria del cierre. Si tu plantilla mide 600 px, deja el ancho en 600 o menos.
    2. Copia el código de la pestaña HTML.
    3. En el panel de Shopify, ve a Apps > Messaging y haz clic en Create campaign. Elige una plantilla.
    4. En el editor, pasa el ratón por el punto del email donde quieras el timer y haz clic en +.
    5. Elige la sección de Liquid personalizado y pega el código.
    6. Guarda y comprueba en la vista previa que se ve la imagen.

    El código lleva los & escapados y el color de fondo en la tabla y la celda, para que no queden bordes blancos alrededor del GIF.

    Escribe también la fecha límite en texto, encima o debajo del timer. Quien solo vea el primer fotograma, o tenga las imágenes desactivadas, sigue sabiendo cuándo acaba.

    Para unas rebajas de toda la tienda, usa un timer de fecha fija: el final es el mismo instante para todos los clientes, así que puedes repetir el mismo timer en el aviso previo, la apertura y el último día. Cada email muestra lo que queda al abrirlo. Elige la zona horaria de tu oferta y escríbela en el texto si vendes en varios países.

    En una automatización

    Según la ayuda de Shopify, el Liquid personalizado funciona en las automatizaciones de pago abandonado, carrito abandonado y navegación abandonada. Abre el email de la automatización, añade la sección de Liquid personalizado y pega el timer igual que en una campaña.

    En estas automatizaciones, una fecha fija rara vez tiene sentido: cada cliente abandona el carrito en un momento distinto. Usa un timer evergreen, por ejemplo de 24 horas, con la variable del cliente.

    Cuenta atrás por cliente

    Un timer evergreen cuenta una duración desde un inicio:

    Para lo segundo, añade el ID del cliente a la URL de la imagen dentro del código:

    https://kauntodaun.com/t/k3x9q2m7ab.gif?rid={{ customer.id }}
    

    customer.id aparece en la lista de variables de cliente que publica Shopify para el Liquid personalizado. Lo preferimos a {{ customer.email }} porque así el email no viaja en la URL de la imagen.

    Guardamos el ID convertido en un hash. Si la variable llega vacía o sin sustituir, el motor la ignora y cuenta desde ese momento.

    Cómo probarlo antes de enviar

    1. Vista previa. Comprueba que la imagen aparece en el editor. Que se vea quiere decir que la URL es correcta.
    2. Email de prueba. Haz clic en Send test y escribe hasta cinco direcciones. La ayuda de Shopify no dice si las variables de cliente se rellenan en las pruebas; si no lo hacen, un timer por cliente se verá contando desde la apertura.
    3. Prueba real. Para comprobar el timer por cliente, deja un carrito abandonado con una cuenta tuya y espera al email de la automatización. Ábrelo dos veces con unos minutos de diferencia: la segunda debe mostrar menos tiempo.
    4. Outlook. Ábrelo en Outlook de escritorio. Según Microsoft, Outlook para Microsoft 365, 2021 y 2024 anima el GIF si las animaciones de Windows están activadas; si no, verás el primer fotograma con el tiempo restante.

    Problemas conocidos

    Otras plataformas

    Si tu tienda envía con Klaviyo, mira la guía de Klaviyo. También tenemos guías de Mailchimp y HubSpot, y cuentas atrás listas para Black Friday y Cyber Monday.

    Lo que suele preguntarse

    ¿Shopify Email y Shopify Messaging son lo mismo?

    Sí. La ayuda de Shopify llama ahora Shopify Messaging a la herramienta de email y la sitúa en Apps > Messaging dentro del panel. Mucha gente la sigue buscando como Shopify Email.

    ¿Qué sección uso?

    Una sección de Liquid personalizado, que admite HTML y Liquid. Según Shopify, tiene un máximo de 50 KB y solo se puede crear desde un ordenador. Nuestro código ocupa menos de 1 KB.

    ¿Funciona en las automatizaciones de carrito abandonado?

    Sí. Shopify indica que el Liquid personalizado funciona en las automatizaciones de pago abandonado, carrito abandonado y navegación abandonada.

    ¿Qué variable uso para el timer por cliente?

    {{ customer.id }}, que aparece en la lista de variables de cliente de la ayuda de Shopify. Así no pones el email del cliente en la URL de la imagen.

    ¿Puedo hacer todo el email en código?

    Sí, con la opción de programar tu propio email. Shopify permite hasta 500 KB y exige incluir la variable de baja (unsubscribe_link o unsubscribe_url) y, si tienes activado el seguimiento de aperturas, open_tracking.

    ¿Se ve en Outlook?

    Según Microsoft, Outlook para Microsoft 365, 2021 y 2024 reproduce GIF animados si las animaciones de Windows están activadas. Si no, se ve el primer fotograma, que ya muestra el tiempo restante.

    Fuentes

    1. La herramienta se llama Shopify Messaging; Apps > Messaging > Create campaign; añadir sección pasando el ratón y haciendo clic en +; Send test a hasta cinco direcciones. help.shopify.com, consultada el
    2. Sección de Liquid personalizado o email programado entero; máximo 50 KB por sección y 500 KB por email; solo desde ordenador; unsubscribe_link o unsubscribe_url obligatorio, open_tracking si hay seguimiento de aperturas; variable customer.id disponible; Liquid personalizado en automatizaciones de pago, carrito y navegación abandonados. help.shopify.com, consultada el
    3. El editor de código propio admite el objeto customer completo. changelog.shopify.com, consultada el
    4. Outlook para Microsoft 365, 2021 y 2024 reproduce GIF animados por defecto; con animaciones desactivadas, solo el primer fotograma. support.microsoft.com, consultada el
    5. Apple Mail Privacy Protection descarga el contenido remoto en segundo plano, se abra o no el email. apple.com, consultada el
    6. Motor: rid hasheado, etiqueta sin sustituir o vacía ignorada, rid ignorado en plan gratis, primera petición con rid fija el inicio. Documentación técnica de Kauntodaun, consultada el
    Código copiado