Cómo crear y personalizar aplicaciones Lightning con Lightning App Builder

Embarcarse en un viaje de creación de aplicaciones a menudo evoca imágenes de códigos complejos, largas horas de codificación y amplios conocimientos de codificación.

Pero ahora es posible crear una aplicación completa rápidamente, incluso sin experiencia previa, gracias al Lightning App Builder de Salesforce.

Si es un recién llegado o alguien que busca profundizar en la creación de aplicaciones, esta publicación de blog le servirá como un santo grial para la creación de aplicaciones Lightning personalizadas.

Juntos descubramos los pasos fundamentales para crear y personalizar aplicaciones Lightning para iniciar su aventura en la creación de aplicaciones Lightning.

Empecemos con lo básico.

¿Qué es Salesforce Lightning App Builder?

Salesforce Lightning es un marco basado en componentes diseñado específicamente para el desarrollo de aplicaciones Salesforce. Su objetivo principal es agilizar y simplificar los procedimientos de desarrollo de aplicaciones dentro de Salesforce para usuarios empresariales, especialmente aquellos sin experiencia en programación.

Ya sea que esté creando una herramienta simple o un sistema sofisticado, Lightning App Builder de Salesforce le permite:

Estos componentes pueden ser componentes estándar de Salesforce o elementos personalizados, ofreciendo una amplia gama de funcionalidades. La herramienta también garantiza un diseño responsivo, lo que permite que las aplicaciones creadas se adapten sin problemas a varios dispositivos, incluidos equipos de escritorio, tabletas y teléfonos móviles.

Al proporcionar una interfaz intuitiva y fácil de usar, Salesforce Lightning App Builder permite a los usuarios de Salesforce crear una experiencia de Salesforce más eficiente y personalizada.

¿Por qué elegir Salesforce Lightning en lugar de Classic para el desarrollo de aplicaciones?

Como usuario de Salesforce, probablemente esté familiarizado con el hecho de que cambiar a Salesforce Lightning es más que una simple decisión inteligente: es una decisión estratégica que aporta una multitud de ventajas, especialmente para el desarrollo de aplicaciones.

Hay varias razones de peso para elegir Salesforce Lightning en lugar de Classic para el desarrollo de aplicaciones:

Interfaz moderna e intuitiva:

Diseño móvil primero:

Flexibilidad y personalización:

Desempeño mejorado:

Prueba del futuro:

A continuación se muestra una tabla que resume las diferencias clave entre Lightning y Classic para el desarrollo de aplicaciones:

En general, Salesforce Lightning es el claro ganador para el desarrollo de aplicaciones debido a su diseño moderno, funciones avanzadas, flexibilidad y naturaleza preparada para el futuro.

Si bien puede haber una curva de aprendizaje para los desarrolladores acostumbrados a Classic, los beneficios de Lightning superan con creces la inversión inicial.

¿Cómo crear aplicaciones en Salesforce Lightning?

Lightning Experience de Salesforce tiene dos partes principales: Páginas Lightning y Componentes Lightning.

Para crear una nueva aplicación, haga clic en el ícono de ajustes en la parte superior derecha.

Una vez en Lightning App Builder, se abre una página.

Verá sus páginas abiertas una vez que desee editarlas haciendo clic en el botón editar, esto abrirá esa página en la vista Lightning App Builder. La barra de herramientas tiene opciones comunes como guardar, deshacer, cortar, copiar y pegar. Además de estos, puede cambiar entre las vistas de escritorio y móvil.

El panel de propiedades muestra detalles sobre la página o componente en el que estás trabajando, adaptándose a lo que estás haciendo.

Diferentes tipos de páginas:

1. Página de inicio: ofrece una descripción general de la información a los usuarios, como gráficos/paneles, resúmenes o listas de tareas pendientes.

2. Página de la aplicación: similar a una página de inicio, utilizada para aplicaciones de una sola página o de terceros.

3. Página de registros: brinda acceso a registros dentro de Salesforce.

Lightning App Builder le permite optimizar páginas tanto para escritorio como para dispositivos móviles mediante el uso de plantillas de página. Puede arrastrar y soltar componentes en estas regiones.

Es principalmente una herramienta sin código, pero permite cierta codificación simple. Para funciones avanzadas o plantillas personalizadas, puede utilizar el componente Aura/componente web Lightning.

Agregar componentes:

Las Páginas Lightning organizan objetos, mientras que los Componentes Lightning son objetos en sí mismos.

Puede agregar tres tipos de componentes: estándar, personalizados y de terceros. Los componentes estándar cubren diversas necesidades realizadas directamente por Salesforce.

Los componentes personalizados y de terceros requieren más experiencia y están diseñados para usos específicos.
6. Haga clic en "Guardar".

Después de agregar componentes, organícelos según sea necesario y recuerde guardar y activar manualmente su aplicación.

Por último, para activar, seleccione el botón Activación en la parte superior derecha.

¿Cómo personalizar aplicaciones Lightning?

Ahora que has creado con éxito tu aplicación, la necesidad de personalizarla es natural, ¿no es así? Después de todo, la personalización es la clave para distinguir su aplicación de la multitud creada en la plataforma Lightning App.

¿Se pregunta cómo personalizar las aplicaciones creadas en Lightning App Builder? ¡Tenga la seguridad de que lo tenemos cubierto aquí mismo!

Pasos para crear una página de inicio personalizada:

1. Vaya a Configuración y busque “App Builder” en el cuadro Búsqueda rápida, luego haga clic en Lightning App Builder.

2. Haga clic en "Nuevo", seleccione "Página de inicio" y luego haga clic en "Siguiente". Podemos tener “Página de inicio, Página de registro, Página de aplicación”, pero como nos centramos en la Página de inicio, seleccionaremos solo la Página de inicio.

3. Siga los pasos del asistente:
– Asigne un nombre a la página (por ejemplo, “Nueva página de inicio”).
– Elija la plantilla “Página de inicio estándar”.
– Haga clic en "Listo".

4. Verás una página de inicio en blanco donde podrás comenzar a construir. El panel de componentes tiene componentes estándar para una página de inicio y cualquier componente personalizado instalado en su organización.

5. Arrastre los componentes a diferentes regiones:
– Coloque el componente Asistente en la parte superior derecha.
– Ponga Rendimiento en la parte superior izquierda.
– Agregue los eventos de hoy en la parte inferior izquierda y las ofertas clave en la parte inferior derecha.
– Coloque las tareas de hoy encima del Asistente .
– Coloque las cosas de acuerdo a las necesidades de su negocio.

6. Haga clic en "Guardar".

Sin embargo, simplemente guardar la página no es suficiente para que los usuarios la vean. Debes activar la página Lightning. Si estás listo para compartirlo con tus usuarios:

– Haga clic en “Activar” para que sea visible para sus usuarios.

– Si anteriormente guardó pero no activó, busque el botón “Activación” en la barra de herramientas.

¡Eso es todo! Ha creado y activado su página de inicio personalizada para que los usuarios accedan en Lightning Experience.

Pasos para crear una página de registro personalizada para Lightning Experience y la aplicación móvil Salesforce

1. Vaya a Configuración y busque “App Builder” en el cuadro Búsqueda rápida, luego seleccione Lightning App Builder.

2. Haga clic en "Nuevo".

3. Elija "Registrar página" y siga el asistente:

4. Dentro del panel de componentes, encontrará una colección de componentes estándar y personalizados diseñados para páginas de registro de oportunidades.

5. Elija "Mostrar siempre iconos" en el menú de configuración para garantizar que la visibilidad de los componentes permanezca constante en varios dispositivos.

6. Arrastre los componentes a la página:

Personalizar pestañas:

7. Opciones de activación para la Página de Registro de Oportunidades:

La línea de fondo

Salesforce Lightning ofrece un horizonte expansivo para la creación y personalización de aplicaciones, brindando a los usuarios una plataforma intuitiva y dinámica. Cuando se hace correctamente, la amplia gama de opciones de personalización disponibles en Salesforce Lightning abre puertas a la innovación y soluciones personalizadas.