MANUAL CONFIGURAR EXPERIENCIA DE PORTAL CAUTIVO
REQUISITOS PREVIOS
PROCESO DE CONFIGURACIÓN
En la parte superior de la interfaz se habilitó un buscador que podrá usar para encontrar los módulos de manera más fácil (si algún módulo ha cambiado de nombre el buscador está en la capacidad de encontrarlo por el nombre antiguo y el nuevo).
CONFIGURACION EXPERIENCIA DE PORTAL CAUTIVO
En la parte izquierda de la pantalla, seleccione Crear>Experiencia>Portal Cautivo, allí registran los portales que se configuraron anteriormente. En la parte superior derecha, dar clic en + Agregar portal cautivo para continuar:
Continuando registrará la siguiente pantalla:
Use los datos de la siguiente tabla para llenar los espacios que se muestran en la anterior imagen, siguiendo el orden de los números.
ITEM | CAMPO | VALOR |
1 | Nombre | Ingrese el nombre con el cual desea reconocer el portal cautivo. |
2 | Descripción | Ingrese una descripción sobre el portal cautivo de imágenes que está configurando. |
3 | Información extra 1 | Allí permite seleccionar las imágenes que se visualizarán en el carrusel de imágenes, mínimo debe seleccionar 2 imágenes y máximo puede utilizar 4 imágenes. |
4 | Información extra 2 | Dar clic en guardar para que el carrusel de imágenes configurado ya aparezca en los registros creados. |
5 | Heredar configuración *opcional*
| Podrás duplicar la configuración de un portal cautivo en este nuevo portal cautivo, todas sus características a excepción de: Nombre, descripción, información extra 1 e información extra 2 |
6 | Guardar | Dar clic para guardar configuración. |
Después de haber creado el portal, puedes editar o configurar la opción de administrar o eliminar desde la siguiente opción:
Al dar clic en administrar, registra la siguiente pantalla:
A continuación, proceso para edición o configuración del portal, iniciando en la pestaña de Diseño del portal como se observa varias opciones como General:
Continuando en la siguiente pantalla:
Use los datos de la siguiente tabla para llenar los espacios que se muestran en la anterior imagen, siguiendo el orden de los números.
ITEM | CAMPO | VALOR |
1 | Diseño del portal | Dar clic para ingresar |
2 | General | Dar clic para continuar |
3 | Imagen de logo | Adjuntar imagen. La imagen no debe tener un tamaño superior a 1Mb, allí permite tener una vista previa de la imagen o eliminar. |
4 | Imagen de footer | Adjuntar imagen. Si en el momento no tienes una imagen de footer cargada
La imagen no debe tener un tamaño superior a 1Mb Esta es la imagen que se verá en la parte inferior del portal, al igual que el logo se visualizará en todas las secciones del portal. |
5 | Imagen de fondo móvil | Clic para adjuntar imagen. No tienes una imagen de fondo móvil cargada
La imagen no debe tener un tamaño superior a 1Mb
La imagen debe ser en formato vertical |
6 | Color de fondo | Seleccionar el color que desea para el fondo del portal configurado. |
7 | Imagen de fondo | Adjuntar imagen. La imagen no debe tener un tamaño superior a 1Mb, allí permite tener una vista previa de la imagen o eliminar. |
8 | Diseño móvil en computadoras | Dar clic para habilitar, al habilitar esta opción, cuando el portal sea visualizado en portátiles o tablets, guardará unas proporciones muy parecidas a las del diseño móvil esto con el fin de que el diseño se mantenga más uniforme entre dispositivos. Adicional a esto puedes determinar si esta sección central tendrá un color diferente a la principal |
9 | CSS adicional | En esta opción podrás agregar CSS personalizado a los portales. |
Continuando con el proceso de edición o configuración del portal cautivo, en la opción de Formularios es posible realizar modificaciones sobre la fuente, el color de fuente, el color de botón, modificar el color de la letra del color de botón, continuar, aplicar opciones avanzadas en los botones de navegar o continuar como cambiar de navegar ahora a conéctate aquí como se muestra a continuación:
Use los datos de la siguiente tabla para llenar los espacios que se muestran en la anterior imagen, siguiendo el orden de los números.
ITEM | CAMPO | VALOR |
1 | Diseño del portal | Dar clic para la configuración. |
2 | Formularios | Dar clic para continuar. |
3 | Fuente | Seleccionar el tipo de fuente para asignar a la configuración. |
4 | Color de fuente | Seleccionar el color de fuente para la configuración. |
5 | Botones | Seleccione el color del botón a asignar |
6 | Imágenes | Seleccionar si se requiere redondeo de las imágenes y cantidad |
7 | Formularios | Seleccionar si se requiere redondeo de los inputs y cantidad |
8 | Plantillas | Con esta nueva funcionalidad podrás seleccionar una de nuestras plantillas, esta modificará el diseño del portal y aplicará las características mencionadas, allí permite hacer la selección. |
9 | Propiedades adicionales del portal cautivo | Con está funcionalidad podrás cambiar la configuración estándar del portal, puedes seleccionar entre: Hacer un precheck de los términos y condiciones Coloca el footer después del botón |
Continuando con el proceso, se identifica el botón de Recursos, se asignan las imágenes, videos, preguntas y los diferentes contenidos de la configuración avanzada de la experiencia del cliente que han sido previamente asignados al portal cautivo y que estén disponibles para ser asignados. En la parte izquierda están los recursos, en este caso imágenes y videos, y en la parte derecha están las pantallas que va a tener el portal cautivo, como se muestra a continuación:
En la opción de Escanea el código para probar tu experiencia WiFi, permite visualizar o copiar la URL del portal para compartir y ver cómo se visualiza el portal cautivo al ingresar desde un dispositivo que esté conectado a una red de una zona que esté asociada a la cuenta en el portal. A continuación, muestra cómo se visualiza en equipos móviles:
Continuando el proceso de configuración en la opción de Configuración Básica:
Use los datos de la siguiente tabla para llenar los espacios que se muestran en la anterior imagen, siguiendo el orden de los números.
ITEM | CAMPO | VALOR |
1 | Configuración Básica | Dar clic para iniciar configuración |
2 | Nombre del portal | Allí registra el nombre del portal |
3 | Descripción del portal | Descripción asignada al portal |
4 | Información extra 1 | Información extra del nombre o descripción del portal |
5 | Información extra 2 | Información extra del nombre o descripción del portal |
6 | Página de aterrizaje personalizada | Habilitar la página de aterrizaje personalizada. Al habilitar esta función, tus clientes después de loguearse aterrizaron en una página momentánea que les notificará que ya están conectados y procederá a redirigirlos al landing page real que tengas configurado. |
7 | Términos y condiciones | Habilitar términos y condiciones. Esta opción siempre debe quedar seleccionada para que el usuario pueda continuar con el uso del mismo. |
8 | Guardar Cambios | Dar clic en esta opción para que los cambios queden guardados y poder seguir modificando el portal cautivo. |
Continuando el proceso de configuración en la opción de Social Login, que es inicio de sesión por medio de redes sociales:
Use los datos de la siguiente tabla para llenar los espacios que se muestran en la anterior imagen, siguiendo el orden de los números.
ITEM | CAMPO | VALOR |
|---|
1 | Social Login | Dar clic para continuar configuración |
2 | Social Login | -Facebook -Twitter, actualmente X -Google || No disponible para iPhone -LinkedIn -Google Empresarial || No disponible para iPhone, al seleccionar este los demás serán desactivados -Windows Empresarial || Se aplica solo para cuentas de Office365. Al seleccionar este los demás seran desactivados -Ciudadano Digital || Al seleccionar este los demás seran desactivados Tener presente que si se selecciona ingreso por Facebook y se ingresa la URL en el espacio habilitado, a esta URL aterrizaron tus usuarios, aumentando la posibilidad de que den like a tu página, para ellos debes:
|
3 | Dominios válidos de correo | Al seleccionar alguna de las siguientes opciones en social login: -Google Empresarial || No disponible para iPhone, al seleccionar este los demás serán desactivados -Windows Empresarial || Se aplica solo para cuentas de Office365. Al seleccionar este los demás serán desactivados -Ciudadano Digital || Al seleccionar este los demás seran desactivados Se requiere asignar el dominio empresarial en la opción de + |
4 | Guardar Cambios | Dar clic para guardar la configuración realizada y continuar proceso. |
Continuando el proceso de configuración en la opción de Configuración Avanzada, que permite habilitar más funciones sobre el portal cautivo.
Use los datos de la siguiente tabla para llenar los espacios que se muestran en la anterior imagen, siguiendo el orden de los números.
ITEM | CAMPO | VALOR |
|---|
1 | Configuración Avanzada | Dar clic para continuar con la configuración del portal. |
2 | Configurar API | Si seleccionan un API. El API que designes será la primera interacción del usuario con el portal (este debe haber sido configurado anteriormente). |
3 | Multilenguaje | Habilitar multilenguaje en el portal. Si habilitas esta función el usuario podrá traducir el contenido del portal a su elección |
4 | Validación de correos | Habilitar validación de correos en el portal. Si habilitas esta función se enviará un correo a los usuarios para que validen que sea real, para personalizar el correo que enviarás puedes ir al módulo de 'VALIDACIÓN CORREO', de lo contrario, será enviado un mensaje por defecto (este debe haber sido configurado anteriormente). |
5 | Validación de celulares por SMS | Habilitar validación de celulares por SMS en el portal. Si habilitas esta función se enviará un SMS a los usuarios para que validen que su número celular sea real, para personalizar el mensaje que enviarás puedes ir al módulo de 'VALIDACIÓN CELULARES', de lo contrario, será enviado un mensaje por defecto (este debe haber sido configurado anteriormente). |
6 | Push notifications | Habilitar push notifications en el portal. Si habilitas esta función el usuario podrá recibir las notificaciones que envíes desde el módulo de ENVÍO DE NOTIFICACIONES mientras esté conectado al portal (este debe haber sido configurado anteriormente). |
7 | Tiempo de espera en imágenes | -Habilitar el tiempo de espera en imágenes. Si habilitas esta función, al detectarse una imagen en la sección del portal se restringirá el paso a la siguiente sección por 5 segundos con el fin de que dichas imágenes tengan mayor posibilidad de ser visualizadas -Habilitar carga progresiva. Si habilitas esta función, al detectar alta latencia de internet habrá una pantalla de carga hasta que cargué el 90% del contenido en el portal |
8 | Tipo de redirección del usuario | Seleccionar el tipo de redirección que desea habilitar. El API que designes será la primera interacción del usuario con el portal |
9 | Autenticación MAC | -Habilitar autenticación Mac. Si habilitas esta función, el usuario que se haya registrado previamente en el portal cautivo, en sus próximas conexiones, será autenticado de forma automática hasta que esté activa la vigencia de esa autenticación. -Formato a la separación de la MAC. Al seleccionar alguna opción se separará la MAC, por ejemplo: a1b2c3d4e5f6 a1:b2:c3:d4:e5:f6 a1-b2-c3-d4-e5-f6
-Habilitar mayúsculas para la identificación de la MAC. Cantidad de tiempo en minutos, selecciona la cantidad de tiempo en minutos que al usuario no le mostrará el portal cautivo -Contraseña para identificar la MAC. Ingresa la contraseña para identificar la mac
|
10 | Guardar Cambios | Dar clic en guardar cambios para continuar. |
Continuando el proceso de configuración en la opción de tracking, esta opción permite guardar y mostrar gráficas de datos tomados al momento de ingresar al portal cautivo:
Use los datos de la siguiente tabla para llenar los espacios que se muestran en la anterior imagen, siguiendo el orden de los números.
ITEM | CAMPO | VALOR |
|---|
1 | Tracking | Dar clic para continuar configuración de portal |
2 | Google Analytics | Habilitar etiqueta de Google analytics. Para el correcto funcionamiento de los reportes de Google Analytics recuerde incluir ‘https://www.google-analytics.com’en el Walled Garden de sus dispositivos |
3 | Guardar Cambios | Dar clic para guardar cambios del portal cautivo configurado. |
Al finalizar la configuración del portal cautivo, es posible administrar o eliminar el portal cautivo creado dando click sobre los tres puntos señalados en la siguiente imagen.
ÁREAS DE APOYO
Para más información consulte la base de conocimiento de Datawifi en la URL https://w.datawifi.co/kb
Recuerde que si tiene alguna falla, solicitud o necesidad puede contactar al PE y/o comercial asignado al proyecto, ó también podrá solicitar apoyo a nuestro equipo de operaciones mediante el correo support@datawifi.zohosupport.com o directamente en nuestro aplicativo de mesa de ayuda en la dirección https://datawifi.zohodesk.com/portal/es/newticket.
Gracias por confiar en la plataforma líder en América Latina en análisis de datos y calidad de las redes Wifi.
