> ## Knowledge Base Index > Fetch the complete knowledge base index at: https://help.hoppyapps.com/sitemap.xml > Use this file to discover available pages before exploring further. > Pure-Markdown content can be obtained by appending a '.md' suffix to the content URLs listed in the sitemap (without the trailing slash). # 📍 Cómo colocar la cuenta atrás en una posición personalizada > ℹ️ **Note:** Este artículo fue traducido automáticamente usando AI y puede contener imprecisiones. Si algo se ve mal, póngase en contacto con nuestro equipo de apoyo. La aplicación ofrece dos tipos de colocación primaria para las configuraciones de Cuentadown: * 📌 Lugares predeterminados * 🧩 Lugares personalizados En la mayoría de los casos, las áreas de colocación por defecto funcionan perfectamente bien. Sin embargo, a veces los comerciantes pueden querer más flexibilidad y prefieren colocar la cuenta atrás en una ubicación completamente personalizada dependiendo de su diseño de tienda. Eso es exactamente donde el **Posición personalizada** característica se vuelve útil ✨ Utilizando la Posición Personalizada, la Cuenta regresiva se puede colocar: * Dentro Shopify Bloques de aplicación * Dentro de las secciones de líquido personalizado * Archivos temáticos interiores * Dentro de las ubicaciones de almacén controladas manualmente Esta documentación explica cómo habilitar correctamente la Posición Personalizada y cómo colocar la Cuenta atrás utilizando ambos métodos disponibles. --- # **🛠️ Paso 1 - Abra la aplicación** Abra la aplicación de su Shopify Admin. --- # **📂 Paso 2 - Abrir o crear una configuración de cuenta atrás** Puedes: → Abrir una configuración de cuenta atrás existente → O crear una nueva configuración --- # **⚙️ Paso 3 - Navegue a la pestaña Colocación** → Abrir el **Colocación** ficha dentro de la configuración de la cuenta atrás. La pestaña Colocación controla dónde y cómo aparece la Cuenta atrás en el escaparate. --- # **🎯 Paso 4 - Cambio de ubicación a la posición personalizada** Dentro de la configuración de Placement: → Cambiar la opción de colocación a: **Posición personalizada** → Luego: Haga clic **Guardar** ⚠️ Importante: La Posición Aduanera permite eliminar la Cuenta regresiva de las áreas de colocación predeterminadas. La cuenta regresiva aparecerá ahora sólo donde se coloca manualmente. --- # **🆔 Método 1 - Uso del ID de cuenta regresiva** Este método es ideal cuando desea colocar la Cuenta atrás directamente utilizando Shopify’s Theme Editor. --- # **🎨 Paso 5 - Abierto Shopify Theme Editor** Desde Shopify Admin: → Ir a **Canales de venta → Tienda Online** → **Editar tema** Esto abre el Shopify Theme Editor. --- # **➕ Paso 6 - Agregue el bloque de aplicación de cuenta atrás** Dentro del Theme Editor: → Navegue a la sección donde desea que aparezca la Cuenta atrás → Hover alrededor de secciones compatibles hasta el color azul ➕ icono → **Agregar bloque** Entonces: → Abrir el **Aplicaciones** categoría → Seleccione el bloque de aplicación de cuenta atrás El bloque de aplicación se añadirá ahora a la zona de almacén seleccionada. --- # **🔗 Paso 7 - Agregue el ID de cuenta atrás** Una vez añadido el bloque de aplicación: → Introduzca el ID de cuenta atrás dentro de la configuración de App Block Entonces: → Guardar Shopify Tema → Guardar la configuración de la cuenta atrás dentro de la aplicación también ⚠️ Importante: Ambos ahorros son necesarios. De lo contrario, la cuenta regresiva no puede aparecer correctamente en el escaparate. --- # **🧩 Método 2 - Uso del código de cuenta atrás** Este método es útil cuando desea más flexibilidad de colocación avanzada. El Código de Cuenta atrás Snippet puede ser: * Añadido usando un bloque líquido personalizado * Añadido directamente en Shopify Archivo temático --- # **➕ Paso 8 - Añadir un bloque líquido personalizado** Dentro Shopify Theme Editor: → Navegue a la zona donde desea que aparezca la Cuenta atrás → Hover alrededor de secciones compatibles hasta el color azul ➕ icono → Buscar **Custom Liquid** Entonces: → Añadir el código de cuenta atrás Snippet dentro del bloque líquido personalizado Esto permite que la cuenta atrás se renderice en la posición de tienda seleccionada. --- # **💻 Agregar el código Snippet directamente en los archivos temáticos** Si es necesario, el código de cuenta atrás Snippet también se puede añadir directamente en Shopify Archivos de código de tema. Esto es útil cuando: * Los bloques de aplicación no están disponibles * Las secciones líquidas personalizadas no son compatibles * La personalización avanzada del almacén es necesaria --- # **⚙️ Apertura Shopify Code Editor** ⚠️ Importante: No se recomienda modificar Shopify Los archivos temáticos a menos que: * Estás cómodo trabajando con Shopify código * O usted entiende qué cambios se están haciendo Modificaciones incorrectas dentro Los archivos temáticos pueden afectar el comportamiento de la tienda. Para abrir el Shopify Code Editor: → Ir a **Canales de venta → Tienda Online** → Haga clic en el menú de tres puntos junto al **Editar tema** botón → **Código** --- # **🧩 Identificar el Área Correcta de Tienda Frontal** Antes de insertar el Código de Cuenta atrás Snippet, es importante identificar la ubicación de la tienda exacta donde debe aparecer la Cuenta atrás. Una manera sencilla de hacer esto: → Abra su escaparate en el navegador → Haga clic derecho cerca de la zona donde desea la cuenta atrás → **Inspección** Esto abre el navegador Herramientas de desarrollo. Desde allí: → Inspeccionar la estructura HTML circundante → Identificar nombres de clase útiles o referencias de sección → Coincide con las secciones correspondientes Shopify `.liquid` archivos en el Editor del Código ✨ Esto ayuda a localizar el archivo Tema correcto con más precisión. --- # **🔍 Encontrar el archivo Tema Correcto** Después de abrir la Shopify Code Editor: → Navegar a través de los archivos Theme en el lado izquierdo → Localizar el `.liquid` archivo responsable del área donde desea que la Cuenta atrás aparezca → Buscar cualquier referencia id/class usando la función de búsqueda del Editor de Códigos → Haga clic en el más prometedor `.liquid` archivo Por ejemplo: * Las secciones relacionadas con productos pueden existir dentro: * `main-product.liquid` * `product-template.liquid` * Las secciones relacionadas con el carrito pueden existir dentro: * `cart.liquid` * `cart-drawer.liquid` * Las secciones personalizadas pueden existir dentro: * `sections/*.liquid` --- # **➕ Añadir el código de cuenta atrás** Una vez correcto `.liquid` file is identified: → Pruebe el código de cuenta atrás Snippet en la posición deseada dentro del archivo ⚠️ Importante: Asegúrese de que el snippet se añade cuidadosamente en la ubicación correcta. La colocación incorrecta puede causar: * Problemas de diseño * Representación inadecuada * Comportamiento inesperado frente al almacén --- # **💾 Guardar el archivo Tema** Después de insertar el fragmento de código: → **Guardar** Entonces: → Actualizar la vista previa de la tienda → Verificar que la cuenta atrás aparece correctamente en la ubicación personalizada seleccionada ✨ --- # **🎉 Resultado final** Una vez configurado con éxito: ✅ La cuenta regresiva puede aparecer en posiciones completamente personalizadas ✅ Shopify Los bloques de aplicación pueden conectarse correctamente usando el ID de cuenta atrás ✅ La colocación avanzada frente a la tienda se hace posible usando Code Snippets ✅ Los comerciantes ganan mucha más flexibilidad sobre la visibilidad de la tienda ✨