Crear botones y vínculos personalizados
Objetivos de aprendizaje
- Crear botones y vínculos personalizados.
- Agregarlos a un formato de página.
- Explicar la diferencia entre un botón personalizado y un vínculo personalizado.
Nota
¿Su idioma de aprendizaje es español? En esta insignia, las validaciones de los retos prácticos de Trailhead funcionan en inglés. Las traducciones se incluyen entre paréntesis a modo de referencia. En su Trailhead Playground, asegúrese de (1) cambiar la configuración regional a Estados Unidos, (2) cambiar el idioma a inglés y (3) copiar y pegar únicamente los valores en inglés. Siga las instrucciones descritas aquí.
Consulte la insignia Trailhead en su idioma para saber cómo disfrutar de la experiencia traducida de Trailhead.
Accesibilidad
Esta unidad requiere instrucciones adicionales para usuarios de lectores de pantalla. Para acceder a una versión detallada de esta unidad para lectores de pantalla, haga clic en el siguiente vínculo:
Open Trailhead screen reader instructions (en inglés).
Botones y vínculos personalizados
Cada organización cuenta con un conjunto único de necesidades empresariales. Si sus usuarios necesitan acceder con frecuencia a otras páginas dentro o fuera de su organización, puede agregar vínculos y botones personalizados directamente a páginas de detalles de registro y objeto.
Los botones y vínculos personalizados facilitan la integración de los datos de Salesforce con direcciones URL externas, aplicaciones, la intranet de la compañía u otros sistemas de servidor.
Cuando sus usuarios tienen toda la información que necesitan a mano, pueden ser aún más productivos con Salesforce.
¿Qué permiten hacer los botones y vínculos personalizados?
Los vínculos personalizados permiten la vinculación con una dirección URL externa, como www.google.com, una página de Visualforce o la intranet de la compañía. Los botones personalizados permiten conectar usuarios con aplicaciones externas, como páginas web y vínculos personalizados de inicio.
Es posible seleccionar las propiedades de la ventana de visualización que determinarán la forma en la que el destino de un vínculo o botón se muestra a los usuarios. Los vínculos personalizados pueden incluir campos de Salesforce como tokens en la dirección URL. Por ejemplo, puede incluir un nombre de cuenta en una dirección URL que busca en Yahoo: https://search.yahoo.com/bin/search?p={!Account_Name}.
Si desea que el vínculo o botón abra una página personalizada u otro código, considere la posibilidad de utilizar una página de Visualforce. Si no sabe aún cómo usar las páginas de Visualforce, no se preocupe. No las trataremos aquí, pero puede aprender más sobre ellas en un módulo diferente.
En Lightning Experience, los botones y vínculos personalizados están en sus formatos de página y aparecen en áreas diferentes de una página Lightning.
- Botón de lista: aparece en una lista relacionada en una página de registro de objeto.
- Vínculo de página de detalles: aparece en la sección Links (Vínculos) de los detalles de registro en una página de registro de objeto.
- Botón de página de detalles: aparece en el menú de acciones del panel de aspectos destacados de una página de registro.
Aquí exploraremos las tres opciones.
Crear un botón de lista personalizado
Ya sabe qué permiten hacer estos elementos. Ahora, descubra cómo crear uno. Para cada tipo, debe definir la acción que tiene lugar cuando el usuario hace clic. En primer lugar, el botón de lista personalizado.
Un botón de lista personalizado es un botón que puede agregar a una lista relacionada. Cuando crea un botón de lista para un objeto, puede agregar ese botón a la lista relacionada del objeto cuando dicha lista relacionada aparece en otros objetos. Debido a que las auditorías de energía están enlazadas con cuentas con un campo de relación de búsqueda, aparece automáticamente una lista relacionada eld, an Energy Audits (Auditorías de energía) en registros de cuentas.
Por ejemplo, anteriormente en el módulo introdujo la información de auditoría para “GenePoint 5-year review”. Cuando ve el registro de la cuenta GenePoint y luego hace clic en la ficha Related (Relacionado) y se desplaza hasta el final de la página del registro, ve una lista relacionada Energy Audits (Auditorías de energía) mostrando esa auditoría.
Maria desea agregar un botón personalizado a esa lista relacionada Energy Audits (Auditorías de energía) para permitir a los usuarios navegar directamente al PDF de directrices de auditorías de energía de Ursa Major Solar. Ya ha cargado el PDF como archivo, pero necesita su URL para que el botón personalizado apunte a este. Así es como funciona.
- Desde el Iniciador de aplicación, encuentre y seleccione la aplicación Sales (Ventas).
- Haga clic en la ficha Files (Archivos).
Aquí, Maria puede ver el PDF de directrices que ha cargado.
- Cargue un archivo propio para poder continuar con el resto de los pasos.
- Haga clic en
para ver el archivo que acaba de cargar y seleccione Share (Compartir). - Haga clic en el quilate junto a Who Can Access (Quién puede acceder) para ampliar esa sección.
- En la sección Create Public Link (Crear vínculo público), ajuste el botón Password (Contraseña) en Off (Desactivado).
- Haga clic en Create Link (Crear vínculo) y, a continuación, haga clic en Create (Crear).
Esta acción genera una URL pública para el archivo que puede compartir con otros usuarios, o en este caso, agregar como una URL a un botón o vínculo personalizado. En este ejemplo, la URL de Maria eshttps://ursamajorsolar.salesforce.com/sfc/p/R00000008nD1/a/R000000007LK/8Z8auAJBSeSCzqQ8Kv9ofolIWi_jP13oR3LUUYuXc3A. - Haga clic en Copy Link (Copiar vínculo) y, a continuación, en Done (Listo).
- Desde Setup (Configuración), haga clic en Object Manager (Gestor de objetos) y, a continuación, en Energy Audit (Auditoría de energía).
- Haga clic en Buttons, Links, and Actions (Botones, vínculos y acciones) y, a continuación, en New Button or Link (Nuevo botón o vínculo).
- Asigne el nombre
Audit Guidelines(Directrices de auditoría) al botón. - Seleccione List Button (Botón de lista).
- Pegue la URL del archivo en el cuadro de texto grande.
Dado que el archivo es local para su organización, utilice todo el contenido después de la parte del dominio de la URL para crear el vínculo personalizado. En este ejemplo, el vínculo de Maria dirige a/sfc/p/R00000008nD1/a/R000000007LK/8Z8auAJBSeSCzqQ8Kv9ofolIWi_jP13oR3LUUYuXc3A.
Es posible que esté pensando: “¡Oh, vaya! ¿Qué es toda esa información que parece una fórmula? ¿Qué hago con eso?” Es una versión del editor de fórmulas de Salesforce y puede utilizarla para definir las propiedades del botón o el vínculo. Por ejemplo, si el origen del contenido es una dirección URL como en este caso, debe incluir en esta sección la dirección URL a la que desea que apunten el botón o el vínculo. Además, puede agregar campos de combinación y operadores para mejorar el comportamiento del botón o vínculo mediante la inclusión de datos de Salesforce. Para obtener más información sobre los campos y operadores de combinación, consulte la Ayuda de Salesforce. - Haga clic en Save (Guardar) y, a continuación, en OK (Aceptar).
El botón no aparecerá en la lista Energy Audits (Auditorías de energía) hasta que Maria lo agregue. Eso lo haremos a continuación. - Haga clic en Object Manager (Gestor de objetos) y luego haga clic en Account (Cuenta).
- Haga clic en Page Layouts (Formatos de página) y Account Layouts (Formato de cuenta).
- Desplácese hasta el final del formato, hasta la lista relacionada Energy Audits (Auditorías de energía).
- Haga clic en el icono de llave inglesa para modificarla.
- Haga clic en el icono de suma para ampliar el encabezado de la sección Buttons (Botones).
- Agregue el botón Audit Guidelines (Directrices de auditoría) a la lista Selected Buttons (Botones seleccionados) y haga clic en OK (Aceptar).
- Haga clic en Save (Guardar).
- Navegue de nuevo hasta la aplicación Sales (Ventas), haga clic en Accounts (Cuentas) y seleccione la cuenta GenePoint.
- Haga clic en la ficha Related (Relacionados), desplácese hasta la parte inferior y verá el nuevo botón Audit Guidelines (Directrices de auditoría) en la lista relacionada Energy Audits (Auditorías de energía).
Crear un vínculo de página de detalles personalizado
Maria, nuestra administradora de Ursa Major Solar, quiere agregar un vínculo personalizado que le permita a sus usuarios hacer una búsqueda rápida en Google sobre las cuentas que están visualizando.
Empecemos.
- Desde Setup (Configuración), haga clic en Object Manager (Gestor de objetos) y luego en Acount (Cuenta).
- Haga clic en Buttons, Links, and Actions (Botones, vínculos y acciones) y, a continuación, en New Button or Link (Nuevo botón o vínculo).
- Asigne el nombre
Google This Account(Buscar en Google esta cuenta) al vínculo. - Asegúrese de que Detail Page Link (Vínculo de página de detalles) está seleccionado para el tipo de visualización, y deje los dos campos siguientes tal cual.
Ahora es el momento de agregar la URL a la que queremos que dirija este vínculo. - En el editor de fórmulas, introduzca
https://www.google.com/search?q={!Account.Name}. - Haga clic en Save (Guardar) y, a continuación, en OK (Aceptar).
Puede utilizar Quick Save (Guardado rápido) para guardar y seguir modificando. Al guardar, se valida la URL que definió si estableció el origen del contenido como una dirección URL. Para poder utilizar los botones y vínculos personalizados, debe agregarlos al formato de página de un objeto. Podrá ver y utilizar el botón o el vínculo en una página de detalles de un registro. Vayamos a ello.
- Haga clic en Page Layouts (Formatos de página) y, a continuación, en Account Layout (Formato de cuenta).
- En la categoría Custom Links (Vínculos personalizados) en la paleta, arrastre Google esta cuenta (Buscar en Google esta cuenta) a la sección Custom Links (Vínculos personalizados) del diseño.
- Deslice el ratón por la sección Custom Links (Vínculos personalizados) y haga clic en el icono de llave inglesa que aparece.
- En la ventana Section Properties (Propiedades de la sección), seleccione Detail Page (Página de detalles) y haga clic en OK (Aceptar).
- Guarde el formato de página.
Veamos los resultados. - Desde App Launcher (Iniciador de aplicación), busque y seleccione Accounts (Cuentas).
- Abra un registro de cuenta.
- Haga clic en la ficha Details (Detalles) y deslícese hacia abajo hasta encontrar el vínculo.
Crear un botón de página de detalles personalizado
Maria desea agregar un botón personalizado a páginas de cuentas que muestre la ubicación de las cuentas en Google Maps.
- Desde Setup (Configuración), haga clic en Object Manager (Gestor de objetos) y luego en Acount (Cuenta).
- Haga clic en Buttons, Links, and Actions (Botones, vínculos y acciones) y, a continuación, haga clic en New Button or Link (Nuevo botón o vínculo).
- Asigne el nombre
Map Location(Ubicación en mapa) al botón. - Seleccione Detail Page Button (Botón de página de detalles).
- Pegue esta URL en el editor de fórmulas:
http://maps.google.com/maps?q={!Account_BillingStreet}%20{!Account_BillingCity}%20{!Account_BillingState}%20{!Account_BillingPostalCode}
Esta URL utiliza campos de combinación ({!Account_BillingStreet}) y pasa la información de campo desde el registro de la cuenta donde se hace clic en el botón en la URL. - Haga clic en Save (Guardar) y, a continuación, en OK (Aceptar).
Ahora agréguelo al formato de la página Account (Cuenta). - Haga clic en Page Lauouts (Formatos de página) y Account Layout (Formato de cuenta).
- Desde la categoría Buttons (Botones) en la paleta, arrastre Map Location (Ubicación en mapa) al área Custom Buttons (Botones personalizados) del formato de página.
- Haga clic en Save (Guardar). ¡Bien! ¡Probémoslo ahora!
- Desde el Iniciador de aplicación, encuentre y seleccione Sales (Ventas) y haga clic en la ficha Accounts (Cuentas).
- Abra un registro de cuenta.
En el panel de aspectos destacados, no solo ve los campos del formato compacto del objeto, también ve un menú de acciones. El menú de acciones es una combinación de los botones estándar, los botones personalizados y las acciones procedentes del formato de página (trataremos las acciones en la siguiente unidad). - Expanda el menú de acciones y seleccione Map Location (Ubicación en mapa).
El navegador abre una ventana o ficha nueva que muestra la dirección de la cuenta en Google Maps.
¿No aparece Map Location (Ubicación en mapa) en el menú acciones incluso después de agregar el botón personalizado al formato de página? Esto suele suceder si sustituye la configuración predeterminada de la sección “Salesforce Mobile and Lightning Experience Actions” (Acciones de Lightning Experience y la aplicación móvil Salesforce) de un formato de página. Para solucionarlo, agregue los botones que faltan al formato de página como acciones al arrastrarlas desde la categoría “Mobile & Lightning Actions” (“Acciones de Lightning y móviles") en la paleta a la sección “Salesforce Mobile and Lightning Experience Actions” (“Acciones de Lightning Experience y la aplicación móvil Salesforce”).
