Configuración del Módulo¶

Global¶

Nombre técnico de la App¶

Este valor será configurado inicialmente por el desarrollador del módulo.

Advertencia

Este valor no debe ser modificado, ya que puede provocar un mal funcionamiento de la app móvil y el envío de notificaciones push.

Páginas de checkout¶

Se deben seleccionar todas aquellas páginas de pago o páginas que sirven como puente de salida a las pasarelas de pago fuera de la tienda. Esto permitirá alertar al cliente si intenta salir de alguna de dichas páginas antes de completar la compra:

Administración de tiendas (solo para multi-tienda)¶

Cuando tenemos activada la opción de multi-tienda con varias tiendas creadas nos aparece esta sección. En ella podremos configurar como queremos que se asigne la tienda en la que el cliente navegará cuando este abra por primera vez la app en su teléfono. Las opciones son:

• Tienda seleccionada por defecto: elegimos una tienda y esa siempre será la que se le asginará inicialmente al cliente.
• Tienda auto-asignada por país: la app intentará detectar el país del cliente mediante los datos de geolocalización (GPS) del teléfono. En correspondencia con el país detectado intentará asignar la tienda que tenga dicho país activo en la configuración países de PrestaShop.
• Selector de tienda: se muestra un selector para que el cliente sea quien elija en que tienda quiere navegar.

Adicionalmente, podemos limitar las tiendas que pueden ser asignadas (en caso que necesitemos que dentro de la app solo se navegue por determinadas tiendas) y si queremos darle la opción al cliente de cambiar de tienda, posteriormente a la asignación inicial, mediante un selector de tiendas.

Configuración¶

Tendrá a su disposición las siguientes opciones de configuración:

Modo desarrollo¶

Al estar activado, le permite previsualizar en un navegador web la tienda tal cual se vería desde la aplicación móvil. Solamente debe tener en cuenta que debe usar el parámetro "token" indicado en la URL de ejemplo. Esto le permitirá hacer ajustes estéticos a la visualización de su tienda dentro de la app de forma más simple:

Mostrar capa sobrepuesta al cargar¶

Si está activo, se mostrará una capa sobrepuesta en cada carga de página. Se recomienda activar esta opción dado que podría evitar una pulsación repetida incorrecta después de una anterior:

Usar carrito modal¶

Si está activo, se mostrará un aviso modal cuando se agregue un producto al carrito:

Motor búsqueda¶

Le permite seleccionar el motor de búsqueda que será utilizado en la app. La disponibilidad de los distintos motores de búsqueda está sujeta a la instalación/configuración de módulos de búsqueda en su tienda y la compatibilidad de dicho módulo con la app.

Nota

Usted puede solicitar a nuestro equipo un desarrollo a medida para integrar nuevos módulos/motores de búsqueda en cualquier momento.

Módulos a desactivar¶

Los módulos seleccionados serán deshabilitados únicamente dentro de la app. Nuestro equipo puede ayudarle a configurar esta opción inicialmente.

Mantenimiento¶

Las opciones de mantenimiento le permiten activar/desactivar de forma fácil la app sin tener que modificar las configuraciones globales de la tienda. De igual forma, se pueden definir direcciones IP que podrían acceder a la app de forma exclusiva, incluso estando desactivada. Esta opción es particularmente útil para hacer pruebas luego de cambios o ajustes en la configuración.

Promociones¶

Tendrá a su disposición las siguientes opciones de configuración:

Transportistas de envío gratuito¶

Los transportistas seleccionados ofrecerán envío gratuito únicamente dentro de la app.

Descuentos¶

Encontrará un listado de los cupones de descuento exclusivamente para usar dentro de al app. Usted puede crear nuevos cupones exclusivos para usar dentro de la app. Dichos descuentos se crean normalmente en el BackOffice de su tienda desde el menú de "Reglas del carrito". Solo deberá seguir las siguientes reglas con respecto a los códigos generados:

• Descuentos manuales: Serán aquellos descuentos que se agregarán al carrito de compras solo si el cliente conoce y agrega el cupón o código de descuento al carrito de forma manual (siempre que cumpla con todas las reglas configuradas en el descuento). Los descuentos manuales necesariamente tendrá un código con el prefijo "APP-". Por ejemplo, el código de descuento podría ser: APP-10OFF ó APP-500FREE ó APP-GIFT.

• Descuentos automáticos: Serán aquellos descuentos que se añadirán al carrito de compras de forma automática, sin que el cliente tenga que realizar ninguna acción en la aplicación. Solo al realizar la compra desde la app el cliente se beneficiará de este descuento (siempre que cumpla con todas las reglas configuradas en el descuento). Los descuentos automáticos requiere un código con el prefijo "AAPP-". Por ejemplo, el código de descuento podría ser: AAPP-10OFF ó AAPP-500FREE ó AAPP-GIFT.

Menú¶

En esta sección podrá configurar todas las opciones disponibles en el menú de la app:

Opciones¶

Estas opciones le permiten especificar si se mostrará un mensaje identificando al cliente autenticado y una opción para salir:

Redes sociales¶

Estas opciones le permiten especificar que iconos de redes sociales serán visualizados en la app. La disponibilidad de dichos iconos está ligada directamenta a la configuración del módulo "Enlaces de seguimiento a través de las redes sociales".

Canal de contacto¶

Estas opciones le permiten especificar los canales de comunicación disponibles con soporte al cliente para sus clientes a través de la app.

Menu¶

El menú es uno de los elementos imprescindibles de una app. Usted puede configurar y personalizar los enlaces disponibles en el menú de acuerdo a sus necesidades. Se recomienda primeramente crear todos los elementos que tendrá el menú y posteriormente reorganizarlos hasta ubicarlos en la posición deseada antes de guardar los cambios.

Nuevo menú¶

Los elementos del menú se crean a través del botón "Añadir nuevo elemento". También es posible añadir una nueva línea divisoria para ubicarla como separador entre elementos del menú.

De forma general, se puede especificar el título e icono que va a mostrar el nuevo elemento de menú.

Adicionalmente, existen 2 tipo fundamentales de menú, definidos a través de la selección del campo "Link personalizado":

• Con link personalizado: Se puede enlazar directamente con cualquier link (URL) de la tienda. Debe especificarse la URL para cada idioma de la tienda.
• Sin link personalizado: Son elementos ligados directamente a una entidad PrestaShop. El menú puede estar enlazado directamente a una categoría, fabricante, página CMS o controlador (página) nativo de la tienda. En este caso el link se genera automáticamente en la app enlazando el menú con la entidad correspondiente. Si se activa "Usar título" se visualiza en el menú el texto descrito en el campo "Título". En caso contrario se visualiza el nombre de la entidad según su configuración en la tienda.

Organizar menú¶

Los elementos del menú pueden ser reorganizados de acuerdo a las necesidades del cliente. También es posible definir cualquier elemento como submenú o hijo de otro elemento. La forma de hacerlo es arrastrándolo hasta la posición deseada y soltando. Una vez que se ha terminado de organizar los elementos se deben guardar los cambios a través del botón "Guardar Orden de Menú".

Advertencia

El límite máximo de submenús es de 3 niveles. Es decir, solo es posible definir una estructura de tipo: menú padre -> menú hijo -> menú nieto.

A continuación un ejemplo práctico de creación de un nuevo elemento de menú y su reordenamiento correspondiente:

¿Cómo se vería en la app?

Nota

Es posible eliminar y acceder a editar los elementos del menú directamente desde el listado.

Diseño¶

En esta sección podrá definir código CSS y JS personalizados. Estos serán aplicados únicamente dentro de la app, sin afectar la visualización o funcionamiento normal de la tienda.

Modo Oscuro¶

En esta sección podrá definir código CSS y JS personalizados. Estos serán aplicados únicamente dentro de la app cuando el cliente elija usar el modo oscuro dentro de la app desde la opción de menú correspondiente. Los estilos y funcionamiento configurados aquí deberán coincidir con el aspecto deseado al visualizar la tienda en modo oscuro. También es posible forzar la visualización del modo oscuro todo el tiempo (únicamente con el usando el modo desarrollo).

Contenido Web¶

• Banner superior: Le permite definir el contenido HTML que desea mostrar como banner superior en la tienda (únicamente cuando los clientes navegan desde el nevagador web de sus teléfonos). Esto es especialmente útil para invitar a los clientes que navegan desde dispositivos móviles a descargar la app.
• Contenido personalizado: Contenido a mostrar en la ubicación que usted defina dentro del tema de su tienda. Es especialmente útil para tener un link constantemente en el footer de su tienda, informando que dispone de una app móvil lista para descargar.

Registro de Errores¶

Durante la comunicación entre la app y la tienda pudieran producirse errores. Estos serán registrados y podrán ser visualizados a través de la opción correspondiente en la parte inferior de la pantalla de configuración del módulo.