Navegar
Resumen
La interacción Navegar te permite definir acciones de navegación cuando los usuarios interactúan con componentes, como hacer clic en un botón. Esta función permite redirecciones fluidas a varios tipos de páginas, mejorando la participación del usuario y creando una experiencia de navegación sin interrupciones en tu sitio.
Características clave
Admite múltiples tipos de referencia de página
Acciones de navegación personalizables
Mejora el flujo de navegación del sitio
Casos de uso
Página de producto: Redirigir a una página de especificaciones detalladas del producto.
Página de soporte: Navegar a un artículo de ayuda o formulario de contacto.
Página de la comunidad: Enlazar a un perfil de miembro o hilo de discusión.
Página de evento: Dirigir a un formulario de registro de evento.
Página de destino: Guiar a una página de detalles de campaña.
Página de perfil: Navegar a registros de contacto relacionados.
Configuración
Agrega la interacción Navegar a un componente (por ejemplo, Botón) en una página del sitio Experience Cloud y configúrala mediante la pestaña Interacciones en Experience Builder.
Tipos de navegación disponibles
Estos tipos de referencia de página definen a dónde se dirigen los usuarios.
Aura - Página de registro externa
Enlaza a una página de registro específica usando el framework Aura.
Ver los detalles de un Contacto.
Aura - Página de relación de registro externa
Enlaza a registros relacionados (por ejemplo, Contactos de una Cuenta).
Ver Oportunidades de una Cuenta.
Aura - Página de inicio de sesión
Activa acciones de inicio o cierre de sesión.
Inicia sesión para acceder a contenido restringido.
Artículo de Knowledge
Dirige a un artículo específico de Knowledge.
Acceder a un artículo de soporte.
Página de contenido gestionado
Enlaza a una página de contenido gestionada por CMS.
Ver un artículo de noticias.
Página con nombre
Redirige a una página interna de Experience Builder.
Ir a una página con nombre "Soporte".
Página de objeto
Navega a una vista de lista o a la página de nuevo registro de un objeto.
Abrir la vista de lista de Contactos.
Página de registro
Enlaza a la página de detalles de un registro específico.
Ver un registro de Cuenta.
Página de relación de registro
Navega a una lista relacionada (por ejemplo, Oportunidades de un Contacto).
Ver Casos de una Cuenta.
Página web
Redirige a una página web externa o interna.
Enlazar a un sitio de un socio.
Mejor práctica: Elige el tipo según el objetivo (por ejemplo, Página de registro para registros); prueba la navegación en vista previa.
Configurar la navegación a una página específica
Para configurar la navegación a una página o recurso específico, sigue estos pasos según tu caso de uso:
Navegar a una página con nombre
Agrega un componente Botón y ve a la Interacciones Pestaña.
Selecciona Navegar y elige Página con nombre.
Nombre de la página: Ingresa el nombre de API de la página de destino (por ejemplo, Content_Document__c).
¿Por qué esto? Dirige a los usuarios a una página interna (por ejemplo, una página de documento de contenido) definida en Experience Builder.
Navegar a una página de registro
Selecciona Navegar y elige Página de registro.
Nombre de API del objeto: Ingresa el objeto (por ejemplo, Contact).
ID del registro: Selecciona el campo de ID de registro correcto para la redirección; normalmente es “
Registro: Id”.Nombre de la acción: Configúralo en Ver (predeterminado para detalles).
¿Por qué esto? Lleva a los usuarios a la página de detalles de un registro específico (por ejemplo, un registro de Contacto).
Navegar a una página web externa
Configuración: Elige la Navegar interacción y selecciona la Página web opción.
URL de destino: Puedes hacer una de las siguientes cosas:
Selecciona un campo (por ejemplo, un campo fórmula en el registro que almacena la URL) para establecer dinámicamente el destino de redirección.
O, elige Personalizado y escribe manualmente una URL externa (por ejemplo, https://www.example.com).
¿Por qué esto? Esta opción redirige a los usuarios a un sitio web o recurso externo, mejorando la conectividad del sitio.
Solución de problemas: Si la navegación no funciona, verifica que la URL o el valor del campo seleccionado sea válido y asegúrate de que el usuario tenga los permisos necesarios para acceder al sitio de destino.
Pasar parámetros de URL con Navegar a página con nombre
Esta función te permite enviar datos dinámicos (por ejemplo, un ID de registro) a una página de destino, personalizando su contenido según el contexto del usuario. Es perfecta para crear experiencias personalizadas, como mostrar detalles de un registro específico en una nueva página.
Por qué es útil
Esta función te permite enviar datos dinámicos (por ejemplo, un ID de registro) a la página de destino, personalizando su contenido. Por ejemplo, al hacer clic en un botón en la página principal, los usuarios pueden ir a una página CustomerDetails que muestra la información de un Contacto específico según el recordId pasado.
Analogía
Piénsalo como dirigir una carta: Navegar a página con nombre es el sobre, y el parámetro de URL (por ejemplo, recordId) es la dirección, que le dice al sistema a dónde ir y qué datos traer
Solución de problemas
Si la página de destino no se carga correctamente, asegúrate de que el parámetro recordId coincida con el atributo del componente de destino y que el ID sea válido.
Navegar a un artículo de Knowledge
Selecciona Navegar y elige Artículo de Knowledge.
Nombre de la URL: Ingresa la expresión
{{Record.UrlName}}para enlazar dinámicamente al artículo de Knowledge asociado con el registro actual.¿Por qué esto? Dirige a los usuarios a una página de artículo de Knowledge específica basada en el
UrlNamecampo del registro actual, simplificando el acceso al contenido de soporte.Consejo: La
{{Record.UrlName}}expresión utiliza la sintaxis LWR para extraer el nombre URL único del artículo de Knowledge (por ejemplo, desde un registro relacionado). Asegúrate de que el registro tenga unUrlNamecampo rellenado válido.Solución de problemas: Si la navegación falla, verifica que el
UrlNamecampo exista y contenga un segmento de URL de artículo de Knowledge válido (por ejemplo, article-title); comprueba los permisos de usuario para acceder al artículo.
Ejemplos
Ejemplo 1: Navegar a la página de soporte
Este ejemplo agrega un botón para navegar a una página de soporte en un sitio Experience Cloud.
Configurar botón:
Etiqueta: "Obtener soporte"
Nombre del icono: utility:help
Variante: neutral
¿Por qué esto? Crea un botón de ayuda para la asistencia al usuario.
Establecer enlace a la interacción:
Navegar:
Tipo: Página con nombre
Nombre de la página: Customer_Support__c
¿Por qué esto? Redirige a la página CustomerSupport definida en Experience Builder.
Resultado: Los usuarios hacen clic en el botón desde cualquier página y navegan a la página de soporte.
Consideraciones clave
Precisión del destino: Asegúrate de que los nombres de página o IDs coincidan exactamente.
Rendimiento: Mantén los objetivos de navegación ligeros.
Accesibilidad: Prueba el enfoque del botón y el contraste.
Seguridad: Valida las URL externas para prevenir problemas.
Solución de problemas comunes
Navegación que no funciona: Verifica el tipo y el objetivo seleccionado (por ejemplo, Nombre de página o ID de registro correctos); confirma los permisos.
Página no encontrada: Asegúrate de que la página con nombre u objeto exista en Experience Builder.
El ID dinámico falla: Confirma que la fuente del ID de registro (por ejemplo, {!Record.Id}) sea válida.
Si los problemas persisten: Contacta a nuestro equipo de soporte en [email protected] para obtener asistencia.
Resumen
El componente Avonni Navigate mejora los sitios Experience Cloud con acciones de navegación personalizables. Es perfecto para guiar a los usuarios a páginas o recursos
Última actualización
¿Te fue útil?