Cómo personalizar la página de aceptación que ven los receptores de tu credencial
La página de aceptación es la primera pantalla de POK que ve un receptor: se abre en el momento en que hace clic en "Aceptar Credencial" en el correo que le enviaste, y es donde reclama la credencial antes de que sea suya. Por defecto lleva la imagen, el logo y los colores de POK. Desde la sección "Página de aceptación" de Branding, los reemplazas por tu propia imagen o logo, tus propios colores y tu propio mensaje.
La personalización de la página de aceptación es una función premium, que se habilita por organización. Para activarla, contacta a tu ejecutivo comercial o escribe a contacto@pok.tech.
Esto no bloquea a tus receptores. Sin la funcionalidad habilitada, o antes de que guardes tu primera personalización, igual aceptan su credencial con normalidad. Solo que pasan por el aspecto por defecto de POK (la imagen y el logo de stock de POK, y los colores propios de POK) en lugar del tuyo.
Abre el editor de la página de aceptación
- Abre "Branding" desde el menú principal.
- En la fila "Página de aceptación", haz clic en "Personalizar".
Se abre "Branding del flujo de aceptación", con tu configuración de un lado y una vista previa en vivo del otro. Un selector arriba de la vista previa la cambia entre escritorio y móvil, porque algunas opciones, como el encuadre de la imagen, solo aplican a uno de los dos.
Elige qué aparece junto al cuadro de aceptación
Bajo "Personalizaciones", el subtítulo "Qué se muestra junto al diálogo de aceptación." describe la elección que estás haciendo: un selector entre "Imagen" y "Logo + texto" para el panel que va junto al flujo de aceptación.
- "Imagen" sube una foto que reemplaza la imagen lateral por defecto de POK.
- "Logo + texto" reemplaza esa imagen por tu propio logo, centrado, más una línea de texto debajo. El campo "Texto" usa como placeholder "Acepta tu credencial" cuando queda vacío.
Junto a cada campo hay un enlace para restablecer el valor por defecto de POK.
Define el fondo y los colores de marca
"Color de fondo" define el fondo de toda la pantalla que ve el receptor mientras acepta.
"Color de marca" controla los acentos, la barra de progreso y los estados seleccionados del flujo. Un selector decide si también controla los botones:
- "Unificado": "Color de marca" controla los botones también. Eliges un único "Color de texto de botón" por separado.
- "Separado": "Color de marca" queda limitado a los acentos, la barra de progreso y los estados seleccionados. Aparece una sección "Botones" con su propio "Color de fondo" y "Color de texto" para los botones.
Prepara tu imagen
La imagen lateral acepta archivos jpg o png de menos de 2MB, y la interfaz da un tamaño recomendado para ella: 443 × 604 px, proporción 3:4. El logo acepta archivos jpg, png o svg de menos de 2MB.
Ninguno de los dos campos estira ni rechaza una imagen con proporciones distintas. Ambos llenan un panel de tamaño fijo recortándola, centrada, para que encaje. En móvil tienes voz en ese recorte: en cuanto subes tu propia imagen, aparece un control "Editar encuadre" sobre ella en la vista previa móvil, que abre "Encuadre de imagen en mobile" con una elección entre "Ajustado" y "Enmascarado".
- "Ajustado" muestra la imagen completa, con espacio vacío si hace falta.
- "Enmascarado" mantiene el mismo recorte centrado que usa siempre el escritorio, más un control deslizante "Posición vertical" para elegir qué parte de la foto queda dentro.
Previsualízala y guarda
Haz clic en "Ver preview" para abrir "Vista previa del flujo de aceptación", cuyo propio subtítulo lo dice sin rodeos: "Así lo verá el receptor al aceptar su credencial." Adentro está disponible el mismo selector de escritorio y móvil.
La vista previa recorre las mismas dos pantallas que atraviesa un receptor después de aceptar: una primera pantalla que confirma que la credencial fue aceptada y explica que se está generando y que llegará por correo, y una segunda pantalla donde el receptor define la visibilidad de la credencial, pública o privada, antes de confirmar y pasar a la credencial misma.
"Guardar" queda deshabilitado hasta que cambies algo, y espera a que termine cualquier subida de imagen o logo en curso antes de que puedas presionarlo. Guardar te devuelve a Branding.
Si intentas salir de la pantalla con cambios sin guardar, POK te detiene con una advertencia que te pide cerrarla con el botón "Cancelar" y hacer clic en "Guardar" primero. Cerrar o recargar la pestaña dispara en cambio la confirmación propia del navegador, no este mensaje.
¿Cuál de estas pantallas de marca es la que necesitas?
Branding tiene varias secciones, y cada una cubre un momento distinto de la vida de la credencial:
- Esta sección, "Página de aceptación", es la única pantalla que ve todo receptor justo al aceptar, antes de llegar a la credencial misma. Hay una sola configuración para toda tu organización, no una por credencial.
- Personalización de páginas controla la página donde vive la credencial misma después de la aceptación. Puedes crear varias páginas personalizadas y asignar una distinta a cada credencial que emites, algo que la página de aceptación no hace.
- Logo y banner del correo personaliza los correos alrededor de la credencial, incluido el que invita al receptor a aceptarla en primer lugar.
- Dominio de credenciales es la dirección web desde la que se sirve la página de la credencial, no la página de aceptación.
- La billetera del receptor personaliza la billetera permanente donde el receptor guarda cada credencial que tiene, no solo este momento de aceptación.
Una vez que el receptor aceptó y definió la visibilidad de la credencial, compartirla es un paso aparte más adelante, que incluye desbloquearla con su apellido.
Los receptores siguen viendo el aspecto por defecto de POK, no el tuyo
O la funcionalidad no está habilitada para tu organización, o todavía nadie guardó una personalización. Abre "Branding del flujo de aceptación" desde Branding para distinguirlas: si aparece la propuesta, la funcionalidad está apagada; si aparece el editor vacío, nadie guardó nada.
"Guardar" no se activa
"Guardar" se activa recién cuando cambias alguna opción, así que queda apagado en una pantalla que todavía no tocaste. Si acabas de subir una imagen o un logo, dale un momento a la subida para terminar.
Una imagen subida se ve recortada de forma extraña
Esto es lo esperado en escritorio: la imagen siempre llena su panel fijo recortándose al centro, sean cuales sean sus propias proporciones. En móvil, abre "Editar encuadre" y alterna entre "Ajustado" y "Enmascarado", o mueve el control deslizante "Posición vertical", para elegir qué queda visible.