#F5F5F5

Crea experiencias atractivas más rápido con los componentes de Adobe Experience Manager Sites.

Interfaz de usuario que muestra un menú desplegable titulado “Componentes” con opciones como acordeón, botón, carrusel, fragmento de contenido, fragmento de experiencia e imagen. Un cursor selecciona “Fragmento de contenido”. De fondo, una vista previa del sitio web de “Sentry” muestra un guepardo brillante y multicolor, junto a un texto de marketing que promociona soluciones de red empresariales con un botón de “Más información”.
#F5F5F5

Agiliza el desarrollo web y de páginas con un sistema modular.

Adobe Experience Manager Sites permite que los equipos creen experiencias digitales adaptables más rápido gracias a un potente sistema de componentes web modulares. Accede a una amplia biblioteca de componentes principales y listos para usar (incluidos elementos de interfaz de usuario de arrastrar y soltar) para agilizar la creación de páginas, garantizar la coherencia de marca y reducir la codificación personalizada. El enfoque basado en componentes de Adobe Experience Manager Sites optimiza la eficiencia del desarrollo, facilita las operaciones de contenido ampliables y reduce el costo total de propiedad.

El desafío: superar los obstáculos de velocidad en la creación de contenido.

La distribución de contenido novedoso e impactante en diversos mercados requiere rapidez y coherencia. Los modelos tradicionales de desarrollo web, que dependen de la codificación manual y de elementos no reutilizables, ralentizan la creación de páginas, consumen gran parte de los recursos de desarrollo y ponen en riesgo la coherencia de marca en los diferentes dispositivos.

Sin un marco modular, los equipos de marketing enfrentan demoras para convertir su visión en experiencias reales, mientras que los desarrolladores pierden tiempo valioso recreando componentes estándar como formularios, galerías de imágenes o menús de navegación. En el entorno digital actual, las empresas necesitan un sistema ampliable y reutilizable para satisfacer las exigencias de velocidad del contenido sin sacrificar la calidad ni la agilidad.

Creación de experiencias digitales más rápido gracias a los componentes web de Adobe Experience Manager Sites.

Adobe Experience Manager Sites te ayuda a abordar estos desafíos con un sofisticado sistema de componentes personalizados y creados previamente.

  • Los autores pueden crear rápidamente páginas adaptables y coherentes con la marca a través de una interfaz visual de arrastrar y soltar, sin necesidad de conocimientos técnicos especializados.
  • Los desarrolladores aumentan su productividad al reutilizar y ampliar componentes estandarizados y compatibles con versiones anteriores, lo que reduce los tiempos de desarrollo personalizado y optimiza el mantenimiento.

Este enfoque modular garantiza que las experiencias digitales sean coherentes en todos los canales, agiliza el tiempo de lanzamiento al mercado y permite mantener la integridad del diseño y el rendimiento.

Agilización del desarrollo web con los componentes de Adobe Experience Manager.

Los componentes principales de Adobe Experience Manager Sites constan de un conjunto estandarizado de componentes de interfaz de usuario listos para producción con los que puedes crear páginas más rápidamente y garantizar que las experiencias del usuario sean coherentes en todos los puntos de contacto digitales. Los autores pueden utilizar componentes intuitivos como rutas de exploración, barras de búsqueda, carruseles, formularios y galerías de imágenes para crear páginas de forma visual fácilmente. Por su parte, los desarrolladores pueden aprovechar la extensibilidad, el control de versiones y la compatibilidad con versiones anteriores de los componentes principales, lo que les brinda una base sólida para desarrollar sitios a gran escala. Este enfoque reduce el desarrollo personalizado y simplifica las actualizaciones, lo que disminuye los costos totales a largo plazo.

Ventajas de los componentes de Adobe Experience Manager Sites.

Componentes web funcionales y flexibles.

Los componentes de Adobe Experience Manager son recursos autónomos y configurables que incluyen scripts, estilos y funcionalidades. Los autores pueden personalizar fácilmente los componentes (desde bloques de texto básicos hasta elementos de interfaz de usuario complejos como acordeones y pestañas) sin la intervención de los desarrolladores para casos de uso estándar.

Reducción de costos con los componentes actualizables del sistema CMS.

Los componentes principales de Adobe Experience Manager están diseñados para ser duraderos y actualizables, lo que reduce los riesgos de mantenimiento a largo plazo. Gracias al control de versiones periódico y la compatibilidad con versiones anteriores, las inversiones en desarrollo están mejor protegidas y es más sencillo implementar actualizaciones de la plataforma en comparación con las soluciones heredadas y altamente personalizadas.

Experiencias de marca coherentes con componentes de interfaz de usuario heredados.

Las plantillas y la herencia de componentes de Adobe Experience Manager garantizan la coherencia visual y funcional de los elementos compartidos, como encabezados, pies de página y barras de navegación, en todos los sitios. El sistema de estilos de Adobe Experience Manager permite variaciones de estilo definidas, lo que da autonomía a los autores mientras se mantienen los estándares de la marca.

Integración dinámica de medios para optimizar los elementos visuales.

Los componentes basados en imágenes se integran a la perfección con Adobe Experience Manager Dynamic Media, lo que habilita funciones como el recorte inteligente, los ajustes preestablecidos de imagen y la optimización del rendimiento directamente en las configuraciones de los componentes. Esto garantiza que las imágenes sean de alta calidad en todos los dispositivos.

https://video.tv.adobe.com/v/18926?quality=12&learn=on&captions=spa&autoplay=true&hidetitle=true

Comparación de la terminología de los componentes.

Término
Contexto y relevancia en Adobe Experience Manager
Componentes web
Los componentes de Adobe Experience Manager ofrecen beneficios similares (reutilización, encapsulación, desarrollo más rápido) y actúan como componentes para las páginas web.
Componentes de interfaz de usuario
Muchos componentes de Adobe Experience Manager renderizan directamente los elementos de interfaz de usuario (formularios, botones, navegación, carruseles) para que los autores los configuren y los usuarios interactúen con ellos.
Componentes del sistema CMS
Los componentes de Adobe Experience Manager se administran dentro del sistema CMS y definen la estructura y la apariencia del contenido en las páginas. Generalmente están vinculados a las plantillas y los flujos de trabajo.
Componentes de arrastrar y soltar
Describe el método principal de creación en Adobe Experience Manager Sites para añadir y organizar componentes en una página utilizando el editor visual.
Componentes de contenido
Los componentes de Adobe Experience Manager administran las piezas específicas de contenido (texto, imágenes, video, fragmentos) que conforman la experiencia de la página.
Componentes principales
El conjunto específico de componentes modernos, estandarizados y listos para usar de Adobe Experience Manager, diseñados conforme a las prácticas recomendadas para ofrecer flexibilidad, facilidad de mantenimiento y rendimiento.
Componentes listos para usar
Término general para los componentes de Adobe Experience Manager que fueron creados previamente y están listos para usar. Los componentes principales son el mejor ejemplo de las implementaciones modernas de Adobe Experience Manager.

Preguntas frecuentes

¿Cómo define Adobe Experience Manager los componentes web?
Si bien los componentes de Adobe Experience Manager se crean utilizando tecnologías de Adobe como el lenguaje de plantillas HTML (HTL) y Sling, en vez de estándares nativos del navegador como elementos personalizados o shadow DOM, ofrecen las mismas ventajas fundamentales: modularidad, reutilización y encapsulación. Los componentes de Adobe Experience Manager actúan como componentes autónomos para agilizar el desarrollo de páginas web.
¿Qué son los componentes de interfaz de usuario en Adobe Experience Manager Sites?
Los componentes de interfaz de usuario son elementos creados previamente que renderizan partes de la interfaz de usuario y que los autores pueden configurar visualmente. Los ejemplos incluyen formularios, menús de navegación, barras de búsqueda, carruseles, pestañas y acordeones, todos esenciales para crear páginas interactivas y adaptables sin codificación.
¿Qué son los componentes principales de Adobe Experience Manager?
Los componentes principales son el conjunto estandarizado de componentes de administración de contenido de Adobe, listos para producción. Están diseñados conforme a las prácticas recomendadas y ofrecen funciones de creación flexibles, amplias opciones de configuración, control de versiones y compatibilidad con versiones anteriores, lo que los convierte en la base recomendada para los sitios modernos de Adobe Experience Manager.
¿En qué se diferencian los componentes principales de los componentes básicos?
Los componentes principales son modernos, flexibles y se mantienen conforme a las prácticas recomendadas. Los componentes básicos son componentes antiguos y heredados que utilizan tecnologías obsoletas y están mayormente en desuso. Los proyectos nuevos deben utilizar los componentes principales para lograr un mejor rendimiento y facilidad de mantenimiento.
¿Cómo se utiliza la API de GraphQL de Adobe Experience Manager con los componentes?
La API de GraphQL de Adobe Experience Manager permite que los desarrolladores consulten y recuperen contenido estructurado de los componentes de Adobe Experience Manager en una configuración headless. Esto permite distribuir de manera eficiente campos específicos, como texto o URL de imágenes, a las aplicaciones front-end como SPA, aplicaciones móviles u otras experiencias digitales, lo que optimiza el rendimiento y la flexibilidad.
¿Qué son los “componentes de arrastrar y soltar” en Adobe Experience Manager Sites?
Los componentes de arrastrar y soltar se refieren a la experiencia visual de creación de páginas en Adobe Experience Manager Sites. Los autores pueden seleccionar componentes de un panel lateral y arrastrarlos a la página para crear diseños y publicar contenido de forma intuitiva y sin necesidad de escribir código.