Descripción:

El propósito principal del módulo es facilitar la inclusión de imágenes que representen las últimas promociones, lo que permitirá a los clientes visualizarlas de manera rápida y sencilla tanto en la aplicación móvil como en el ecommerce. Estas imágenes promocionales se integrarán de forma dinámica en el home, organizadas en un carrusel que se ubica justo debajo de las categorías principales.

Cuando un cliente interactúe con una de estas imágenes, será dirigido de manera automática a una sección dedicada que mostrará todos los productos destacados dentro de la promoción correspondiente. Esta funcionalidad tiene como objetivo simplificar la experiencia del usuario, evitando la necesidad de buscar manualmente los productos dentro de la aplicación. De esta forma, los clientes podrán examinar todos los artículos promocionales de un vistazo y seleccionar aquellos que deseen añadir a su carrito de compras.

Ubicación:

Para acceder al módulo, siga estos pasos sencillos: diríjase al menú lateral de la plataforma y localice la categoría «Contenido App». Una vez allí, abra las opciones disponibles, donde encontrará la opción marcada como «Promocionales». Haga clic en esta opción y espere a que la página lo redireccione al módulo correspondiente.

Contenido:

El módulo se estructura en tres secciones:

1. Tabla de Registros: Esta sección presenta una tabla que permite acciones como el ordenamiento de los promocionales, lo que permite priorizar cuáles se muestran primero y cuáles al final. Además, proporciona información esencial, como la imagen que visualizará el usuario en la aplicación y las fechas de inicio y fin de disponibilidad del promocional. Una barra azul ubicada en la parte superior del módulo incluye funciones clave como la Búsqueda (segunda sección), el botón para añadir un nuevo promocional y otro para recargar la tabla y limpiar los filtros aplicados.
2. Modal de Búsqueda: Al presionar el botón «Buscar» en la barra azul, se accede a esta sección donde se pueden aplicar filtros de búsqueda. Aquí, los usuarios tienen la posibilidad de filtrar promocionales según su estatus y fecha de expiración para una búsqueda más específica y eficaz.
3. Creación y Edición de Promocionales: En esta sección, los usuarios pueden crear y editar promocionales. Se ofrece la opción de agregar información crucial como el nombre, las fechas de visualización, imágenes, productos y sucursales donde se mostrará el promocional. Además, durante el proceso de edición, se puede activar o desactivar un promocional según su estado actual, brindando flexibilidad y control sobre la gestión de promociones.

• Tabla «Promocionales»
• Modal «Búsqueda de promocionales»
• Detalle promocionales (Creación / edición)

1) Buscar

Presione «Buscar» para desplegar un modal que le permitirá filtrar los registros mostrados en la tabla por estatus y por expiración.

2) Id

Muestra el número de identificación correspondiente al registro.

3) Posición

Muestra la posición en la que se muestra actualmente el promocional en la aplicación móvil y en el ecommerce. Para cambiar de posción simplemente arrastre el promocional hasta la nueva posición y listo.

4) Imagen

Permite visualizar la imagen que verá el usuario en la aplicación móvil y web.

5) Estatus

Permite visualizar si el promocional se encuentra «Activo» y se puede visualizar desde el home de la aplicación móvil y web o por el contrario se encuentra «Inactivo» y no se puede visualizar en la aplicación.

6) Fecha inicial

Muestra la fecha en la que comenzará a visualizarse el promocional en la aplicación móvil y web.

7) Fecha final

Muestra la fecha en la que finaliza la visualización del promocional en la aplicación móvil y web.

8) Botón «+»

Presione el botón si desea crear un nuevo registro.

9) Botón recargar

Vuelve a recargar la tabla en caso de querer quitar los filtros aplicados o cuando se necesite verificar si no se tiene algún cambio.

Para acceder al modal deberá de presionar la etiqueta de «Buscar» ubicada a la izquierda dentro de la barra azul de la parte superior del módulo:

Posteriormente se abrirá un modal con los siguientes elementos:

1) Estatus

Lista desplegable que permite seleccionar entre mostrar los registros de aquellos promocionales que se encuentren activos o que se encuentren inactivos.

2) Expiración del promocional

Permite seleccionar entremostrar todos los promocionales o mostrar únicamente los que se encuentran vigentes.

3) Buscar

Presione el botón para aplicar los filtros de búsqueda, posteriormente se cerrará el modal y en la tabla aparecerán unicamente aquellos registros que cumplan con dichos parámetros.

Para ingresar a la creación de un promocional debe presionar el botón «+» que se encuentra posicionado a la derecha dentro de la barra azul:

Por otro lado, si desea ingresar al detalle de algún promocional ya existente debe de dar clic sobre el registro que desee conocer más información y podrá visualizar la información:

Tome en cuenta que:

• Si se encuentra en la creación de algún registro solo podrá visualizar el btón «Guardar».
• Si se encuentra en la edición de algún registro y el promocional se encuentra:
  • Activo: Se mostrá el botón «Guardar» y el botón para «Desactivar».
  • Inactivo: Se mostrá el botón «Guardar» y el botón para «Activar».

Nota:
> Recuerde que el tamaño máximo permitido para agregar una imagen es de 500 KB (kilobytes).
> El formato de imagen deberá ser .png
> El tamaño de imagen en App es de 1285×710 px
> El tamaño de imagen en E-commerce es de 1280×476 px

1) Regresar

Si desea regresar a la visualización de la tabla de Promocionales debe dar click en «<Regresar» y lo redireccionará al módulo principal.

2) Nombre

Permite ingresar el nombre del promocional.

3) Fecha de inicio

Contiene la fecha en la que comenzará a visualizarse el promocional en la aplicación web y móvil.

4) Hora de inicio

Contiene la hora en la que comenzará la visualización del promocional en la aplicación web y móvil.

5) Fecha de fin

Contiene la fecha en la que finalizará la visualización del promocional en la aplicación web y móvil.

6) Hora de fin

Contiene la hora en la que finalizará la visualización del promocional en la aplicación web y móvil.

7) Imagen del promocional Aplicación

Permite seleccionar la imagen que se mostrará en la aplicación móvil desde el explorador de archivos y una vez selecionada alguna imagen se podrá previsualizar en la parte inferior.

8) Imagen del promocional E-commerce

Permite seleccionar la imagen que se mostrará en el E-commerce desde el explorador de archivos y una vez selecionada alguna imagen se podrá previsualizar en la parte inferior.

9) Botón «Guardar»

En cuanto terminé de llenar los campos solicitados o editar los campos que necesite pulse el botón para guardar la información del registro.

10) Botón «Desactivar» / «Activar»

Desactivar: El botón se muestra cuando el promocional se encuentra «Activo», por lo que le permitirá cambiar a estatus «Inactivo» y se dejará de visualizar en la aplicación móvil y web.

Activar: El botón se muestra cuando el promocional se encuentra «Inactivo», por lo que le permitirá cambiar a estatus «Activo» y se podrá visualizar en la aplicación móvil y web.

11) Productos

En esta sección podrá agregar los productos que necesite que se muestren dentro del promocional.

12) Selección de sucursal

Use las casillas de verificación para indicar en que sucursales desea que aparezcan los promocionales o marque la casilla «Todas» si desea que el promocional aparezca en todas las sucursales.

13) Consideraciones

En esta sección se encuentran las consideraciones para las imágenes del promocional. El tamaño de la imagen no debe exceder los 500 KB, el formato requerido es PNG, y se recomiendan dimensiones específicas de ancho y alto. Es fundamental prestar especial atención a estas indicaciones.

14) Posición

Permite visualizar la posición en la que aparecerá el producto en la aplicación móvil o web una vez que el usuario de click sobre el promocional.
Para cambiar de posición el producto debe de arrastrar el registro hasta la posición deseada y soltarlo; de esta manera se actualizará la posición de los productos.

15) Código

El código corresponde al No. SAP del producto.

16) Producto

Muestra en nombre del producto.

17) Descripción

Contiene la descripción del producto.

18) Imagen

Permite visualizar una miniatura de la imagen asociada al producto.

19) Acciones

Dentro de las acciones se permite remover los productos que desee del banner (uno por uno) haciendo click en el botón que se encuentra en cada registro.