WebsiteBackoffice

Club de Navegación

Publicado el 19 de agosto de 2022· Andronautic Team

Configuraciones desde tu página web y cuenta de backoffice.

Para acceder a la app desde el backoffice la encontrarás en el menú de la izquierda App > Boat Club.

Se abrirá en el navegador la página inicial de la app, ejemplo: https://demo.andronautic.com/en/club-pwa. El SLUG club-pwa cambiará en el momento que editemos la app desde el CMS.

Configuraciones desde el CMS

Podremos cambiar los colores, imágenes y logotipos. Para ello nos dirigimos al panel de administración Site > Administration > CLUB.

App Customization

Primeras configuraciones de la app (iconos, logos…).

General:

App title: título que aparecerá en la pestaña del navegador; si se instala en el móvil será el nombre que recibirá la app.
Allow register users: permite registrar usuarios nuevos desde la app.

Imágenes:

Icon: será la imagen de icono en la app, en caso de instalarla en el móvil, y el favicon en el navegador. La imagen ha de ser 160x160px.
Logo: primera pantalla que ve el usuario hasta que se carga la aplicación; si no se añade un logotipo, utilizará el que se haya definido en la web desde el Site customization.
Header: pequeño encabezado para las páginas de la app.
Login: imagen del fondo durante el proceso de login / registro; si no se pone una imagen aparecerá un color degradado, definido en el apartado Theme.
Dashboard: imagen del encabezado de la página dashboard del cliente, es la primera pantalla que aparece nada más hacer login.

Avanzado:

Custom head: espacio para añadir código extra entre las etiquetas <head>...</head>, por ejemplo para añadir fuentes nuevas, meta tags, trackear métricas, etc.
Custom CSS: añadir archivo .css donde podrás cambiar estilos.
Custom JS: añadir archivo .js para añadir JavaScript.

Initial Slides

Son las imágenes y textos que se mostrarán antes de hacer login o registrarse. En caso de activar más de una imagen, aparecerán en formato carrusel.

Arriba a la derecha encontraremos el botón donde añadiremos un nuevo slide; se pueden añadir tantos como queramos. Al crear uno se configuran los siguientes campos:

Idiomas en los que irá el slide; si se deja vacío, se considera como si no existiese.
Active: check para activar o desactivar el slide.
Title: título del slide.
Image: imagen del slide; aconsejamos que tengan un aspect ratio de 9:19.
Texto que aparece encima del slide.

Themes

Configuración de los colores de la app.

Color primario: textos relevantes, botones y acciones importantes. Aconsejamos que sea más oscuro que el color secundario.
Color secundario: fondo del header y footer, cards e información.
Text Main color: texto cuando se usa el color primario de fondo, como por ejemplo en los botones.
Text plain color: textos normales (información del puerto, del barco…).

Welcome Slides

Es la imagen y texto que aparecerá una vez el usuario crea su cuenta; esta imagen solo aparece una vez. En caso de que no se añada una imagen, esta pantalla se mostrará con el color primario de fondo.

Arriba a la derecha encontraremos el botón donde podremos añadir un nuevo slide; podemos añadir tantos como queramos. Al crear uno se configuran los siguientes campos:

Idiomas en los que irá el slide; si se deja vacío, se considera como si no existiese.
Active: check para activar o desactivar el slide.
Title: título del slide.
Image: imagen del slide; aconsejamos que tengan un aspect ratio de 9:19.
Texto que aparece encima del slide.

Gestión desde el backoffice

Crear Bases

Puertos desde donde el cliente final puede reservar un barco. Las bases se añaden desde Configuración > Mi perfil > Oficinas. Creamos una oficina nueva y, muy importante, le vinculamos la zona que tiene relación con el puerto.

Nota: en caso de que no aparezca en el listado de ZONA el puerto que necesitamos, estos se configuran desde Configuración > Mi Perfil > pestaña Detalles > sección Zonas de operación.

Para que esta base tenga su propia imagen en la app hay que ir a la pestaña de Documentos y añadir la imagen. En Opciones Avanzadas es importante que la descripción coincida con el nombre del puerto.

Barcos para la app

Para habilitar los barcos que se van a utilizar en la app se deben habilitar desde la ficha del barco en Catálogo > Barcos, dentro encontraremos una sección llamada Club de barcos.

Cliente

Desde CRM > Clientes añadimos un nuevo cliente o editamos uno ya existente, y activamos su acceso a la app del club desde la pestaña CLUB, añadiendo una contraseña.

Email miembro secundario: el cliente puede compartir la cuenta CLUB; aquí se añade el email.
Puertos activos: puertos activos para el cliente.
Puerto base: puerto por defecto cuando se hace una búsqueda desde la app.
Plan: se puede elegir entre:
- Gratis: el cliente puede usar la app pero pagando los barcos.
- Miembro: se le hace un descuento al cliente.
Rango: rangos de barcos disponibles para la app; se configuran desde Andronautic — para ello ponte en contacto con support@andronautic.com.
Tipo: (no está activado aún).
Barcos personalizados: en vez de utilizar el rango, se pueden seleccionar los barcos que puede ver el cliente en la app. Al utilizarse, invalida el campo rango.
Extras gratuitos: selección de extras gratuitos.
Número de prebookings: número de reservas que ha hecho el cliente y no ha disfrutado.
Días individuales disponibles: días totales que puede reservar el usuario durante su subscripción.

Cómo instalar la app en el móvil

La app del Club de Navegación no se instala ni se descarga, se crea un acceso directo en el escritorio del móvil. Consulta con nuestro equipo de soporte para conocer los pasos concretos en iPhone y Android.