ℹ️ 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 ✨

Actualizado el: 10/09/2026