Haz clic en "Instalar" en la Shopify App Store. La app no cambia el código de tu tema: solo aparece en tu tienda cuando añades su bloque en el editor de temas. Si quieres probarla antes, añade el bloque en una copia de tu tema y míralo en la vista previa.
En el siguiente paso verás qué permisos necesita la app. Acepta los permisos solicitados y haz clic en "Instalar" para continuar con la instalación.
Al terminar la instalación se abre la página de inicio de la app, que también aparece en el menú lateral izquierdo. Haz clic en el icono de chincheta a la derecha del título para fijar la app en la navegación.
A continuación te explicamos cómo configurar la app después de instalarla.
En la barra lateral izquierda del panel de tu tienda, haz clic en "Plans" debajo de "Advent calendar". En nuestra vista de planes verás los planes disponibles con sus precios y funciones. Elige entre el plan Free, ideal para conocer la app, y el plan de pago Pro. El plan Pro ofrece funciones ampliadas como varios calendarios, diseños a juego con tu tienda, puertas ilustradas, una imagen de fondo propia, la opción de elegir cómo se abren las puertas, una cuenta atrás hasta el inicio y mucho más. Para cambiar de plan, haz clic en el botón del recuadro del plan que quieras. Se te redirigirá a Shopify, donde confirmas el plan. El plan Pro se puede probar gratis durante 7 días y se cobra directamente a través de Shopify.
Al instalar la app, ya se crea tu primer calendario de adviento con sus 24 puertas rellenas con contenido de ejemplo. Lo encontrarás en la barra lateral izquierda del panel de tu tienda, en "Advent calendar" > "Calendars". Con el plan Pro puedes crear más calendarios ahí con el recuadro "New calendar". Cada calendario nuevo tiene 24 puertas y un nombre formado por "Advent calendar" y el año actual. Puedes cambiarlo en cualquier momento en "Calendar name", en la página de vista general del calendario. El nombre solo lo ves tú, no tus clientes.
Haz clic en una puerta para editarla. Dale a cada puerta un título y un contenido, p. ej. un código de descuento, un producto recomendado o una pequeña sorpresa. Puedes dar formato al contenido y añadir enlaces. Guarda la puerta con "Save". Con "Previous" y "Next" saltas directamente a las puertas de al lado.
En la página de vista general de tu calendario, haz clic en "Edit design". Ahí eliges entre puertas ilustradas (series con un motivo propio para cada puerta), imágenes de fondo, diseños a juego con tu tienda (con estilo, paleta de colores y tipografía de los números a tu elección) y una imagen propia de los archivos de Shopify. Según el diseño, en "Appearance" también ajustas el estilo de los números, el color del círculo, el color de fondo y el color de la cuenta atrás, y en "Effects", la nieve. La vista previa muestra al momento cómo queda tu calendario. Haz clic en "Save" para que los cambios aparezcan en tu tienda.
El modo de apertura de las puertas, el aviso en las puertas cerradas y la cuenta atrás se configuran en la página de vista general del calendario, en "Settings". Estos cambios se guardan al momento y se aplican automáticamente en tu tienda.
En la barra lateral izquierda del panel de tu tienda, haz clic en "Help" debajo de "Advent calendar" y después en "Open theme editor". El editor de temas se abre con el bloque del calendario de adviento ya añadido a tu página de inicio.
También puedes añadir el bloque manualmente: en la barra lateral izquierda del panel de tu tienda, haz clic en "Tienda online", elige tu tema y haz clic en "Personalizar". En el menú desplegable de la barra superior, elige la plantilla en la que debe aparecer el calendario de adviento (página de inicio, página, producto, colección, blog o artículo de blog). En la sección que quieras, haz clic en "Agregar bloque" y elige el bloque "Calendario de Adviento" en el apartado "Apps".
Ten en cuenta: los bloques de apps necesitan un tema Online Store 2.0 (p. ej. Dawn).
En el editor de temas, haz clic en el bloque del calendario de adviento en la barra lateral izquierda. En "Calendario", elige el calendario que has creado en la app. Guarda los ajustes con el botón "Guardar" arriba a la derecha del editor de temas.
Como ciertas configuraciones de tema, apps y tienda pueden afectar al funcionamiento, te recomendamos comprobar que el calendario se muestra y funciona en tu tienda como quieres.
Consejo: en los ajustes del bloque puedes introducir una fecha en formato DD.MM (p. ej. 05.12) en "Fecha de prueba (solo en el editor de temas)". Así ves en el editor de temas cómo será el calendario ese día. La fecha de prueba solo se aplica en el editor de temas; tus clientes siempre ven la fecha real.
Cada una de las 24 puertas tiene un título (hasta 80 caracteres) y un contenido (hasta 5.000 caracteres) al que puedes dar formato y añadir enlaces. El contenido aparece en tu tienda en cuanto se abre la puerta. En la vista general del calendario ves de un vistazo cuántas puertas has rellenado ya y puedes cambiar entre la vista de mosaico y la de tabla.
Elige una imagen de fondo para tu calendario. El plan Free incluye una selección de imágenes de fondo; el plan Pro, todos los diseños.
Series ilustradas con un motivo propio para cada puerta. La puerta abierta también está diseñada a juego con la serie.
Puertas dibujadas que adaptas a tu tienda: elige un estilo, una paleta de colores y la tipografía de los números. En lugar de una paleta, también puedes usar tus propios colores: un color principal y un color de acento de tu marca, con fondo oscuro si quieres. Los demás tonos se derivan de ellos. En el plan Free puedes probar todos los estilos y paletas en la vista previa.
Usa una imagen de los archivos de Shopify como fondo para que el calendario encaje con tu marca.
Con las imágenes de fondo y tu imagen propia, eliges entre un número sencillo en blanco sin fondo y (plan Pro) un número dentro de un círculo. En las puertas ilustradas y los diseños a juego con tu tienda, los números forman parte del diseño.
Define el color del círculo detrás de los números de las puertas. Este ajuste aparece cuando eliges el estilo de números "Number with circle".
En las puertas ilustradas y los diseños a juego con tu tienda, puedes cambiar el color entre las puertas y detrás de ellas, o volver al color del diseño.
Define cómo se abren las puertas: las puertas pasadas siguen abiertas (opción predeterminada, también disponible en el plan Free), solo se puede abrir la puerta del día, o las 24 puertas se pueden abrir en cualquier momento, sea cual sea la fecha. Las puertas se abren a medianoche según la zona horaria de tu tienda.
Si alguien hace clic en una puerta cerrada, aparece un aviso que indica cuándo se abre o que ya ha pasado.
Antes del 1 de diciembre muestra cuántos días faltan para la primera puerta y así crea expectación. Con la cuenta atrás activada, puedes cambiar su color en "Edit design" > "Appearance". Si no eliges un color propio, se usa uno a juego con el diseño.
Con las imágenes de fondo y tu imagen propia, hace caer nieve sobre el calendario para darle un aire invernal. La encontrarás en "Edit design" > "Effects".
Con el plan Pro, puedes duplicar un calendario desde su página de vista general, p. ej. para crear una variante para otro mercado. Al eliminarlo, el calendario se borra definitivamente con sus 24 puertas y se quita de tu tienda. No se puede deshacer.
En el editor de temas puedes introducir una fecha de prueba en formato DD.MM para ver el calendario tal como será ese día. Deja el campo vacío para usar la fecha de hoy. La fecha de prueba solo se ve en el editor de temas.