Usa primero la versión de prueba de la app en un entorno de pruebas de tu tienda para asegurarte de que funciona sin problemas con tu tema, las apps que utilizas y la configuración de tu tienda.
Instala la app en un entorno de pruebas de tu tienda. Si la instalas directamente en la tienda en producción, haz antes una copia de seguridad completa: instalar apps nuevas siempre puede provocar incompatibilidades y, en el peor de los casos, que la tienda deje de funcionar.
Cuando hayas obtenido la versión de prueba de la app a través de tu cuenta de Shopware, podrás descargarla desde el Shopware Store. Después súbela en la administración, en "Extensiones" > "Mis extensiones", con el botón azul "Subir extensión" (arriba a la derecha).
Si la app se ha subido correctamente, aparecerá en la lista de "Mis extensiones", en la pestaña "Apps". Ahora puedes instalarla en tu tienda con el enlace "Instalar app".
A continuación te explicamos cómo configurar la app después de instalarla.
Cuando hayas instalado la app, actívala en la administración, en "Extensiones" > "Mis extensiones", pestaña "Apps", con el interruptor a la izquierda del nombre de la app. Cuando la app está activa, el interruptor se vuelve azul.
Después de activar la app, compila tu tema. En el menú lateral izquierdo de la administración, haz clic en el canal de venta que quieras y abre la pestaña "Tema". Haz clic en "Cambiar tema" y elige el tema (puede ser el mismo que ya tenías). Guarda la selección con el botón "Cambiar tema" y confírmala de nuevo con "Cambiar tema". Así se compila el tema. Según cómo tengas configurada la caché, después tendrás que vaciarla: tanto la caché de la tienda como, si hace falta, la de tu navegador.
En la administración encontrarás las 24 puertas en "Contenidos" > "Advent calendar". La vista general las muestra como tabla o como mosaico (se cambia arriba a la derecha) e indica cuántas puertas has rellenado ya. Haz clic en "Editar" junto a una puerta o en su recuadro y escribe el título y el texto. Si quieres, añade también un enlace y una imagen. Con el selector de idioma de arriba a la derecha, rellenas los contenidos para cada idioma de tu tienda.
En "Contenidos" > "Mundos de experiencias", abre la Shopping Experience en la que debe aparecer el calendario de adviento. Arrastra el bloque "Advent calendar" de la categoría "Texto e imagen" a la Shopping Experience. Al pasar el ratón por encima del elemento aparece un icono de ajustes; haz clic en él para abrir los ajustes del elemento.
En la pestaña "Design" eliges entre puertas dibujadas, imágenes incluidas y una imagen propia. Te recomendamos las puertas dibujadas: elige uno de los 8 estilos y una de las 10 paletas de colores, o "Your colours" para mostrar el calendario con los colores de tu marca. Si todavía usas una imagen, la app te muestra un consejo: con un clic en "Try it" cambias a las puertas dibujadas.
En la pestaña "Content & behaviour" defines cómo se abren las puertas. En diciembre, cada día se puede abrir la puerta del día a partir de medianoche (hora de tu servidor). Las puertas pasadas pueden quedarse abiertas o marcarse de forma discreta. Mientras el modo de vista previa esté activado, se pueden abrir todas las puertas, ideal para hacer pruebas. Desactiva el modo de vista previa antes del 1 de diciembre; si no, todos los contenidos se verán antes de tiempo. Después guarda la Shopping Experience.
Según cómo tengas configurada la caché, después de hacer cambios tendrás que vaciarla: en "Ajustes" > "Sistema" > "Cachés e índices", con "Vaciar memoria caché" y, si hace falta, también la caché de tu navegador. Como la app puede funcionar de otra manera con ciertas combinaciones de tema, apps y tienda, comprueba después que el calendario de adviento funciona en tu tienda como quieres.
En la pestaña "Design" de los ajustes del elemento eliges el tipo de calendario: "Illustrated doors" (puertas dibujadas), "Included images" (imágenes incluidas) u "Own image" (imagen propia).
8 estilos, de desenfadado a geométrico. Cada puerta se dibuja a juego con la paleta de colores elegida, y una vista previa muestra el estilo directamente en los ajustes.
10 paletas de colores listas o "Your colours". Con tus propios colores eliges un color principal y un color de acento de tu marca; todos los demás tonos se derivan de ellos. Con "Dark background", las puertas tienen un tono de base oscuro.
El color entre las puertas. Se adapta a la paleta de colores mientras no lo cambies tú. Con "Default" vuelves al color original.
Fotos invernales como fondo detrás de las puertas. Algunas imágenes antiguas están marcadas como "no longer available" y se quitarán en la próxima versión. Si tienes elegida una de ellas, se seguirá viendo por ahora; con "Switch now" cambias directamente a las puertas dibujadas.
Una imagen de tus medios o una nueva que subas como fondo, para que el calendario encaje perfectamente con tu marca. Lo mejor es una imagen horizontal.
Con imágenes, defines el color y el estilo de los números (estilo 1 a 3). Para que los números se lean bien, puedes mostrar una capa superpuesta y ajustar su opacidad en porcentaje. Las puertas dibujadas ya traen sus propios números.
El color de los botones, p. ej. del enlace en una puerta abierta.
En la pestaña "Content & behaviour" defines el título y la descripción que se muestran encima del calendario de adviento.
Todas las puertas se pueden abrir, sea cual sea la fecha. Ideal para configurar el calendario y hacer pruebas. Mientras el modo de vista previa esté activado, la Shopping Experience muestra un aviso. Desactívalo antes del 1 de diciembre.
Todas las puertas hasta el día de hoy siguen abiertas. Así, los clientes que se hayan perdido algún día pueden ponerse al día.
En lugar de dejarlas abiertas, puedes marcar las puertas pasadas de forma discreta (estilo 1 o 2). Esta opción y "Leave passed doors open" no se pueden usar a la vez.
Normalmente, las puertas aparecen en orden. Si activas "Set the day position through priority", el campo "Priority" de cada puerta decide el orden, así puedes colocar las puertas mezcladas.
Muestra más grandes las imágenes de las puertas abiertas.
Las opciones de la pestaña "Test" (modo de depuración y mes de la campaña) son solo para desarrolladores y para nuestro equipo de soporte. Déjalas desactivadas, salvo que nuestro soporte te pida lo contrario.
En "Contenidos" > "Advent calendar" escribes un título (hasta 50 caracteres) y un texto (hasta 200 caracteres) para cada una de las 24 puertas. Con el selector de idioma rellenas los contenidos para cada idioma de tu tienda.
Activa "Link" para mostrar un botón en la puerta abierta, p. ej. hacia un producto, una categoría o una promoción. Escribe la URL y el texto del enlace (hasta 30 caracteres). Con "Open link in same tab", el enlace se abre en la misma pestaña. Con "Advanced URL field" también puedes introducir enlaces relativos, como /recetas-de-navidad/.
Activa "Image" para mostrar una imagen en la puerta abierta. Escribe la URL de la imagen y un título.
Un número de 0 a 100 para el orden de las puertas. Solo tiene efecto si en los ajustes del elemento está activado "Set the day position through priority".
Los enlaces y las imágenes solo se muestran en la tienda si todos sus campos están rellenos. Si falta, por ejemplo, el texto del enlace, la vista general muestra un ⚠ en esa puerta con el campo que falta.