Responsive Banner Generator

Probar la app
Paso 1

Instalación de la app

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".

Mira en nuestra demo cómo podrían quedar los banners en tu tienda:
Ver demo
Paso 2

Configuración de la app

A continuación te explicamos cómo configurar la app después de instalarla.

Paso 1: Activar la app

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.

Paso 2: Compilar el tema

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 el botón "Cambiar tema" y elige el tema (puede ser el mismo que ya tenías). Guarda la selección con el botón azul "Cambiar tema" y confírmala de nuevo con el botón azul "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.

Paso 3: Crear el contenido de los banners

Una vez instalada y activada la app, encontrarás en el menú de la administración, dentro de "Marketing", una nueva opción: "Banner Generator". Aquí creas tus banners. El generador de banners te guía en 4 pasos: (1) diseño, (2) imágenes, (3) textos y enlace y (4) colores. En el paso (1) eliges el diseño del banner. En el paso (2) añades las imágenes del banner: puedes usar las imágenes estándar de la app o imágenes propias. Con las imágenes listas, en el paso (3) escribes los textos y defines el enlace. En el último paso, el (4), eliges los colores de los elementos del banner.

Paso 4: Vaciar la caché

Según cómo tengas configurada la caché, después de editar los contenidos y los ajustes tendrás que vaciarla: tanto la caché de la tienda como, si hace falta, la de tu navegador. La caché de la tienda la vacías en "Ajustes" > "Sistema" > "Cachés e índices" con el botón "Vaciar memoria caché".

Paso 5: Añadir el banner en Shopping Experiences

Para añadir un banner a tu tienda, ve en la administración a "Contenidos" > "Mundos de experiencias" y abre la Shopping Experience en la que debe aparecer el banner. Arrastra el bloque "Banner" a la Shopping Experience. Lo encontrarás en la categoría "Texto e imagen". Al pasar el ratón por encima del elemento aparece un icono de ajustes; haz clic en él para editar el elemento.

Paso 6: Ajustar el banner

En las opciones del elemento del banner eliges qué banner se muestra en la Shopping Experience. También defines en qué tamaños de pantalla aparece: móvil significa en nuestro caso hasta 767 píxeles de ancho, tableta de 768 a 1279 píxeles y escritorio a partir de 1280 píxeles.

Nota
Usa la versión de prueba de la app en un entorno de pruebas de tu tienda para asegurarte de que funciona sin problemas con la configuración de tu tienda.
Paso 3

Ajustes

Diseño

Elige entre 12 diseños distintos cómo se ve tu banner.

Imágenes

Sube tus propias imágenes o usa las imágenes estándar de la app para tus banners.

Textos y enlaces

Escribe los textos del banner y define a dónde enlaza.

Colores

Elige los colores de los distintos elementos del banner para que encaje a la perfección con el diseño de tu tienda.

Nota
Usa la versión de prueba de la app en un entorno de pruebas de tu tienda para asegurarte de que funciona sin problemas con la configuración de tu tienda.
Responsive Banner Generator

Preguntas frecuentes

¿Por qué no se muestra el banner en la tienda?

Asegúrate de haber añadido el banner a la Shopping Experience que está asignada a la página o categoría en la que quieres verlo.

¿Dónde se configura la app?

Una vez instalada y activada la app, encontrarás en el menú de la administración, dentro de "Marketing", una nueva opción: "Banner Generator".

¿Será compatible la app con futuras versiones de Shopware 6?

Seguimos desarrollando la app para que también puedas usarla con futuras versiones de Shopware 6.

¿Qué puedo enlazar exactamente en los banners?

Puedes enlazar productos, vistas de productos, páginas de tu tienda, entradas del blog, tiendas asociadas, programas de afiliados, perfiles en redes sociales, landing pages y mucho más.

He editado un banner. ¿Por qué no se ven mis cambios?

Según cómo tengas configurada la caché, después de editar los contenidos y los ajustes tendrás que vaciarla: tanto la caché de la tienda como, si hace falta, la de tu navegador. La caché de la tienda la vacías en "Ajustes" > "Sistema" > "Cachés e índices" con el botón "Vaciar memoria caché".

¿Cómo compilo el tema desde la administración de Shopware 6?

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 el botón "Cambiar tema" y elige el tema (puede ser el mismo que ya tenías). Guarda la selección con el botón azul "Cambiar tema" y confírmala de nuevo con el botón azul "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.

¿Cuántos banners puedo crear en total?

Puedes crear hasta 300 banners distintos.

¿Tienes alguna pregunta? Escríbenos a support@code108.de.
Apps de CODE 108

Quizá también te interesen estas apps