Crear una cuenta regresiva del carrito

Esta guía crea una cuenta regresiva de carrito completa: un mensaje con un temporizador en marcha, una duración, un estilo y una acción para cuando se acabe el tiempo.

Asegúrate de que la inserción de aplicación esté activada antes de empezar.

Pasos para configurarla

1. Crea la cuenta regresiva

   Haz clic en Create countdown desde el panel principal o desde la página Countdowns.

2. Elige el diseño Cart countdown

   En la página Countdown templates, cambia la pestaña de tipo a Cart countdown y haz clic en Select en el diseño predeterminado.

3. Ponle un nombre

   Algo como «Cart hold — 10 minutes».

4. Escribe el mensaje

   En la pestaña Settings, abre Content y edita el Message. Una nueva cuenta regresiva de carrito empieza con:

   🔥 Hurry up! Your cart will be lost in {timer} !!

   {timer} se sustituye por el reloj en marcha. Déjalo en la frase: sin él no hay cuenta regresiva, solo un aviso.

   Nota

   Di lo que realmente va a ocurrir. Si has definido que la acción al expirar deje el carrito como está, «your cart will be lost» no es cierto. «Complete your order within {timer}» no promete nada que no cumplas.

   

   {timer} muestra el reloj en marcha dentro de tu mensaje.

5. Define la duración

   Todavía en Content, define la Countdown duration en minutos. El valor predeterminado es 10.

   Lo bastante larga para que quien compra termine el pago sin sentirse perseguido y lo bastante corta para que importe. La mayoría de las tiendas se quedan entre 10 y 20 minutos.

6. Dale estilo

   Usa los controles de diseño de la pestaña Settings para definir la posición, los colores del mensaje, del temporizador y del fondo, los bordes y las fuentes. Una cuenta regresiva de carrito no tiene una pestaña Design aparte: sus opciones están aquí.

   El mensaje se sitúa en la parte superior del carrito, así que conviene que sea visualmente más discreto que tu botón de pago.

7. Elige qué ocurre al llegar a cero

   Cambia a la pestaña Display. En una cuenta regresiva de carrito, esta pestaña incluye Action after time expired:

   • Go to the homepage without clearing cart: la opción predeterminada
   • Hide the message and do nothing
   • Clear the cart and redirect to: con un campo de URL

   Elige con cuidado: una de estas opciones borra el carrito de quien compra. Consulta Qué pasa cuando expira el temporizador del carrito antes de elegir.

   

   La pestaña Display de una cuenta regresiva de carrito incluye la acción al expirar.

8. Define condiciones si las necesitas

   La sección Conditions sigue aplicándose: puedes restringir la cuenta regresiva del carrito por cliente, idioma o país, por ejemplo. Déjala como está para mostrar el temporizador en todos los carritos. Consulta Condiciones de visualización.

9. Guárdala como Active

   Define el estado como Active y haz clic en Save.

10. Compruébala en tu tienda online

    Añade algo al carrito en tu tienda online publicada y abre la página del carrito. El temporizador debería estar en la parte superior, contando hacia atrás desde la duración que definiste.

    Abre también el carrito lateral, si tu tema lo tiene: la cuenta regresiva aparece también allí.

    Después comprueba el caso vacío: quita todo del carrito. Sin artículos, la cuenta regresiva correctamente no aparece.

11. Míralo expirar una vez

    Deja que un temporizador llegue hasta el final en una ventana de navegador privada y confirma que la acción al expirar hace lo que esperas, sobre todo si elegiste Clear the cart and redirect to. Es mucho mejor descubrir una sorpresa aquí que en un ticket de soporte.

Siguientes pasos

• Qué pasa cuando expira el temporizador del carrito
• Resumen de la cuenta regresiva del carrito
• Condiciones de visualización
• La cuenta regresiva no aparece