Ir al contenido principal
Todas las colecciones¿Por dónde empezar?Por tipo de promoción
Cómo añadir un banner a tu página de producto
Cómo añadir un banner a tu página de producto

Guía paso a paso para añadir y configurar un banner en tu página de producto.

Actualizado ayer

¿Quieres mostrar tu promoción en la página de producto de tu eCommerce con un banner? En esta guía aprenderás cómo añadir el banner de Planet en tu eCommerce de Shopify.

1. Configurar el banner en Planet

Paso 1. Crea una regla

El banner puede crearse desde la plantilla de "Banner en la página de producto" o bien, añadirse en cualquiera de las plantillas disponibles.

Dentro de esta plantilla, podrás configurar exclusivamente el banner para incluirlo en tu página de producto, mientras que, en el caso de añadirlo en cualquiera de las plantillas de promociones, el banner será opcional para informar del descuento.

Paso 2. Activa el banner

Una vez escogida la plantilla, en la sección "Widgets" encontrarás la opción de añadir un banner para mostrar tu promoción.

Paso 3. Configura el banner

Al activar la opción de "Banner en la página de producto", podrás configurar las opciones generales y el diseño del banner. Además, cuenta con una vista previa del widget para previsualizar los cambios.

General

Podrás editar el título y subtítulo del banner, así como incluir la redirección a otro enlace y un contador de tiempo para mostrar cuándo finaliza la oferta.

⚠️ Recuerda que para mostrar la cuenta atrás de la promoción es necesario añadir una fecha fin a la regla.

Diseño

En cuanto al diseño, tendrás la posibilidad de editar los colores del banner, su alineación, grosor del borde, redondeo y el tamaño de fuente para que se adapte al máximo al estilo de tu tienda.

2. Añadir banner en Shopify

1. Habilita la extensión de Planet en tu tema

Habilitar la extensión de Planet en tu tema de Shopify es esencial para que se muestren los widgets en tu tienda. Sigue estos pasos:

  1. Accede al editor de tu tema a través de Shopify > Tienda online.

  2. Haz clic en el apartado de aplicaciones integradas.

  3. Habilita la extensión de Planet

  4. Guarda los cambios.

2. Cambiar la posición de los widgets

Por defecto el banner se coloca encima de los botones de compra de tu página de producto, pero si quieres moverlo a otra posición, sigue estos pasos:

Posicionar los widgets mediante bloques

Para colocar el banner en una posición concreta deberás seguir estos pasos:

  1. Accede al editor de tu tema a través de Shopify > Tienda online.

  2. Seleccionar página de productos.

  3. Haz clic en añadir bloque y seleccionar el banner.

  4. Mueve el bloque hasta la posición deseada, podrás ver cómo queda gracias al cuadrado azul de ejemplo.

  5. Guarda los cambios.

Posicionar los widgets mediante código

Si tu tema no permite añadir bloques de aplicaciones o necesitas colocar el banner en una posición concreta, puedes seguir incluir este código en la sección de la página de producto que consideres:

<banner-widget></banner-widget>


💡 ¿Aún tienes dudas?

Visita nuestro apartado de ayuda o contacta con nosotros por email o mediante el chat.


¿Ha quedado contestada tu pregunta?