Skip to main content

Crear botones y vínculos personalizados

Objetivos de aprendizaje

Después de completar esta unidad, podrá:

  • 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

Nota

¿Es su idioma de aprendizaje español (LATAM)? Comience el reto en un Trailhead Playground en español (LATAM) y copie y pegue los valores en español (LATAM). Si no aprueba el reto en su organización en español (LATAM), recomendamos que (1) cambie la configuración local a Estados Unidos, (2) cambie el idioma a inglés (según estas instrucciones) y, luego, (3) haga clic en el botón “Check Challenge” (Comprobar el reto) nuevamente.

Consulte la insignia Trailhead en su idioma para obtener más información sobre cómo aprovechar la experiencia de Trailhead en otros idiomas.

Nota

Accesibilidad

Esta unidad requiere algunas instrucciones adicionales para los usuarios de lectores de pantalla. Para acceder a una versión detallada para lectores de pantalla de esta unidad, haga clic en el siguiente vínculo:

Abrir las instrucciones para lectores de pantalla de Trailhead.

Cada organización cuenta con un conjunto único de necesidades de negocio. 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.

Los vínculos personalizados permiten vincular a una URL externa, como www.google.com, una página de Visualforce o la intranet de su 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 el nombre de una cuenta en una URL que busque en Yahoo: https://search.yahoo.com/bin/search?p={!Account_Name}.

Nota

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.

Existen tres tipos de botones y vínculos personalizados principales que puede crear.

  • 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 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.

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, una lista relacionada Auditorías de energía aparece automáticamente en registros de cuentas.

Por ejemplo, anteriormente en el módulo ingresó 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 Relacionado y se desplaza hasta el final de la página del registro, ve una lista relacionada Auditorías de energía mostrando esa auditoría.

María desea agregar un botón personalizado a esa lista relacionada 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 cargó el PDF como archivo, pero necesita su URL para que el botón personalizado apunte a este. Así es como funciona.

  1. Desde el Iniciador de aplicación, encuentre y seleccione la aplicación Ventas.
  2. Haga clic en la ficha Files (Archivos).

Aquí, María puede ver el PDF de directrices que cargó.

Vista de lista Archivos

  1. Cargue un archivo propio para poder continuar con el resto de los pasos.
  2. Haga clic en Menú desplegable Acción para ver el archivo que acaba de cargar y seleccione Share (Compartir).
  3. Haga clic en el quilate junto a Quién puede acceder para ampliar esa sección.
  4. En el área Create Public Link (Crear vínculo público), cambie el botón de alternancia Password (Contraseña) a Off (Desactivado).
  5. Haga clic en Create Link (Crear vínculo) y, luego, en Create (Crear).
    Esta acción genera una URL pública del archivo que puede compartir con otros usuarios, o en este caso, agregarla como una URL a un botón o vínculo personalizados. En este ejemplo, la URL de María es https://ursamajorsolar.salesforce.com/sfc/p/R00000008nD1/a/R000000007LK/8Z8auAJBSeSCzqQ8Kv9ofolIWi_jP13oR3LUUYuXc3A.
  6. Haga clic en Copiar vínculo y, a continuación, en Listo.
  7. Desde Configuración, haga clic en Gestor de objetos y luego en Auditoría de energía.
  8. Haga clic en Botones, vínculos y acciones y, a continuación, en Nuevo botón o vínculo.
  9. Asigne el nombre Audit Guidelines (Directrices de auditoría) al botón.
  10. Seleccione Botón de lista.
  11. Pegue la URL del archivo en el cuadro de texto grande.
    Debido a que el archivo es local en su organización, utilice todo lo que sigue a la parte del dominio de la URL para crear el vínculo personalizado. En este ejemplo, el vínculo de María dirige a /sfc/p/R00000008nD1/a/R000000007LK/8Z8auAJBSeSCzqQ8Kv9ofolIWi_jP13oR3LUUYuXc3A

Atributos de botón de lista

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 del 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.

  1. Haga clic en Save (Guardar) y, luego, en OK (Aceptar).
    El botón no aparecerá en la lista relacionada Energy Audits (Auditorías de energía) para ningún objeto hasta que María lo agregue. Eso lo haremos a continuación.
  2. Haga clic en Gestor de objetos y luego haga clic en Cuenta.
  3. Haga clic en Formatos de página y Formato de cuenta.
  4. Desplácese hasta el final del formato, hasta la lista relacionada Auditorías de energía.
  5. Haga clic en el icono de llave inglesa para modificarla. 

Lista relacionada Auditorías de energía

  1. Haga clic en el icono de suma para ampliar el encabezado de la sección Botones. 

Modificación de lista relacionada

  1. Agregue el botón Directrices de auditoría a la lista Botones seleccionados y haga clic en Aceptar.
  2. Haga clic en Guardar.
  3. Navegue de nuevo hasta la aplicación Ventas, haga clic en Cuentas y seleccione la cuenta GenePoint.
  4. Haga clic en la ficha Relacionado, desplácese hasta la parte inferior y verá el botón Directrices de auditoría en la lista relacionada Auditorías de energía. 

Lista relacionada Auditorías de energía con nuevo botón

María, nuestra administradora de Ursa Major Solar, quiere agregar un vínculo personalizado que permita a los usuarios realizar una búsqueda rápida en Google sobre las cuentas que ven.

Vamos a empezar.

  1. Desde Setup (Configuración), haga clic en Object Manager (Gestor de objetos) y, luego, en Account (Cuenta).
  2. Haga clic en Botones, vínculos y acciones y, a continuación, en Nuevo botón o vínculo.
  3. Asigne el nombre Google This Account (Buscar esta cuenta en Google) al vínculo.
  4. Asegúrese de que Vínculo de página de detalles está seleccionado para el tipo de visualización, y deje los dos campos siguientes tal cual. 

Atributos de Vínculo de página de detalles personalizado

Ahora es el momento de agregar la URL a la que queremos que apunte este vínculo.

  1. En el editor de fórmulas, ingrese https://www.google.com/search?q={!Account.Name}.
  2. 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 pagina de detalles de un registro. Vayamos a ello.

  1. Haga clic en Page Layouts (Formatos de página) y, a continuación, en Account Layout (Formato de cuenta).
  2. En la categoría Custom Links (Vínculos personalizados) de la paleta, arrastre Google This Account (Buscar esta cuenta en Google) a la sección Custom Links (Vínculos personalizados) del formato.

Agregar el vínculo al formato

  1. Pase el ratón por encima de la sección Vínculos personalizados y haga clic en el icono de llave inglesa que aparece.
  2. En la ventana Propiedades de sección, seleccione Página de detalles y haga clic en Aceptar.
  3. Guarde el formato de página.

Veamos los resultados.

  1. Desde el Iniciador de aplicación, encuentre y seleccione Cuentas.
  2. Abra un registro de cuenta.
  3. Haga clic en la ficha Details (Detalles) y desplácese hasta la parte inferior para encontrar el vínculo personalizado.

Vínculo personalizado en los detalles

Crear un botón de página de detalles personalizado

María desea agregar un botón personalizado a páginas de cuentas que muestre la ubicación de las cuentas en Google Maps.

  1. Desde Configuración, haga clic en Gestor de objetos y luego en Cuenta.
  2. Haga clic en Botones, vínculos y acciones y, a continuación, haga clic en Nuevo botón o vínculo.
  3. Asigne el nombre Map Location (Ubicación en mapa) al botón.
  4. Seleccione Botón de página de detalles.
  5. 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} 

Atributos de Botón de página de detalles personalizado

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.

  1. Haga clic en Save (Guardar) y, luego, en OK (Aceptar).
    Ahora agréguelo al formato de página Account (Cuenta).
  2. Haga clic en Formatos de página y Formato de cuenta.
  3. Desde la categoría Botones en la paleta, arrastre Ubicación en mapa al área Botones personalizados del formato de página.

Agregar el botón al formato de página

  1. Haga clic en Guardar. ¡Bien! ¡Probémoslo ahora!
  2. Desde el Iniciador de aplicación, encuentre y seleccione Ventas, y luego y haga clic en la ficha Cuentas.
  3. Abra un registro de cuenta.
    En el panel de aspectos destacados, puede ver no solo los campos en el formato compacto del objeto, sino también 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).
  4. Amplíe el menú de acciones y seleccione Map Location (Ubicación en mapa).
    El navegador abre una nueva ventana o ficha que muestra la dirección de la cuenta en Google Maps. 

Menú de acciones y el nuevo botón

¿No aparece 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 “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 “Acciones de Lightning y móviles" en la paleta a la sección “Acciones de Lightning Experience y la aplicación móvil Salesforce”.

Nota

Los botones y vínculos de páginas de detalles personalizados pueden hacer las mismas cosas. Considere dónde y cómo desea que aparezcan en su página y eso le ayudará a decidir qué tipo elegir.

Recursos

Comparta sus comentarios de Trailhead en la Ayuda de Salesforce.

Nos encantaría saber más sobre su experiencia con Trailhead. Ahora puede acceder al nuevo formulario de comentarios en cualquier momento en el sitio de Ayuda de Salesforce.

Más información Continuar a Compartir comentarios