#F5F5F5

Crea rápidamente experiencias atractivas con los componentes de Experience Manager Sites

Interfaz de uso con un menú desplegable titulado “Componentes”, con opciones como Acordeón, Botón, Carrusel, Fragmento de contenido, Fragmento de experiencia e Imagen. Un cursor apunta a la opción “Fragmento de contenido”. En el fondo, una vista previa del sitio web de Sentry muestra un guepardo con efecto resplandor multicolor, un texto de marketing que promociona soluciones de red empresarial y un botón para más información.
#F5F5F5

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

Adobe Experience Manager Sites permite a los equipos crear experiencias digitales adaptables más rápidamente gracias a un potente sistema de componentes web modulares. Tienes a tu disposición una amplia biblioteca de componentes principales y listos para usar, incluidos elementos de IU de arrastrar y soltar, para acelerar la creación de páginas, garantizar la coherencia de marca y reducir la necesidad de código. El enfoque de Experience Manager Sites basado en componentes mejora la eficiencia del desarrollo, admite operaciones de contenido ampliables a escala y reduce el coste total de propiedad.

El obstáculo: vencer los retos de la velocidad del contenido

Para ofrecer contenido nuevo y atractivo en múltiples mercados, hacen falta velocidad y coherencia. Los modelos de desarrollo web tradicionales, con codificación manual y elementos no reutilizables, ralentizan la creación de páginas, merman los recursos de los equipos de desarrollo y crean riesgos de incoherencias de marca en distintos dispositivos.

Sin un marco de trabajo modular, los equipos de marketing afrontan retrasos a la hora de convertir su visión en experiencias reales. Por su parte, los equipos de desarrollo tienen que dedicar parte de su valioso tiempo a recrear componentes estándar como formularios, galerías de imágenes o menús de navegación. En el panorama digital actual, las empresas necesitan un sistema escalable y reutilizable para satisfacer las exigencias de velocidad del contenido, sin sacrificar la calidad ni la agilidad.

Crea experiencias digitales más rápidamente con los componentes web de Experience Manager Sites

Experience Manager Sites aborda estos retos con un sofisticado sistema de componentes preconfigurados y personalizables.

  • Los equipos de creación pueden diseñar rápidamente páginas adaptables y coherentes con la marca mediante una interfaz visual de arrastrar y soltar, y no necesitan amplios conocimientos técnicos.
  • Los equipos de desarrollo son más productivos ya que reutilizan y amplían componentes estandarizados compatibles con versiones anteriores, lo que reduce los plazos de creación y agiliza el mantenimiento.

Este enfoque modular garantiza experiencias digitales coherentes en todos los canales, acelerando el tiempo de comercialización y manteniendo la integridad del diseño y el rendimiento.

Acelera el desarrollo web con los componentes de Experience Manager

Los componentes principales de Experience Manager Sites ofrecen un conjunto estandarizado de componentes de interfaz de uso listos para producción, que agilizan la creación de páginas y producen experiencias coherentes en todos los puntos de contacto digitales. Las personas a cargo de la creación pueden utilizar componentes intuitivos como rutas de navegación, barras de búsqueda, carruseles, formularios y galerías de imágenes para crear páginas visualmente. Los equipos de desarrollo se benefician de la capacidad de ampliación de los componentes principales, el control de versiones y la compatibilidad con versiones anteriores, que proporcionan una base con garantía de futuro para la evolución ampliable del sitio. Este enfoque reduce las necesidades de desarrollo a medida y simplifica las actualizaciones, disminuyendo los costes totales a largo plazo.

Ventajas de Experience Manager Sites

Componentes web funcionales y flexibles

Cada componente de Experience Manager es un recurso autónomo y configurable que incluye secuencias de comandos, estilos y funciones. El equipo de creación puede adaptar fácilmente los componentes (desde bloques de texto básicos hasta elementos de interfaz de uso complejos, como acordeones y pestañas) sin tener que recurrir al de desarrollo para casos de uso estándar.

Reducción de costes con componentes CMS actualizables

Los componentes principales de Experience Manager están diseñados para ser duraderos y fáciles de actualizar, lo que minimiza los riesgos de mantenimiento a largo plazo. El control de versiones periódico y la compatibilidad con versiones anteriores protegen las inversiones en desarrollo y simplifican las actualizaciones de la plataforma, en comparación con soluciones heredadas altamente personalizadas.

Experiencias de marca coherentes con componentes de interfaz de uso heredados

Las plantillas de Experience Manager y los componentes heredados garantizan que los elementos compartidos (como encabezados, pies de página o barras de navegación) mantengan la coherencia visual y funcional en todos los sitios. El sistema de estilos de Experience Manager permite variaciones definidas, que son útiles para los equipos de creación y salvaguardan los estándares de marca.

Integración de medios dinámicos para optimizar las imágenes

Los componentes basados en imágenes se integran perfectamente con Dynamic Media de Experience Manager y permiten funciones como el recorte inteligente, ajustes preestablecidos de imagen y optimización del rendimiento directamente desde las configuraciones de los componentes. Esto garantiza imágenes 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 terminología de componentes

Término
Contexto y relevancia en Experience Manager
Componentes web
Los componentes de Experience Manager ofrecen beneficios similares (reutilización, encapsulación, desarrollo más rápido) y actúan como componentes para páginas web.
Componentes de IU
Muchos componentes de Experience Manager representan directamente elementos de la interfaz de uso (formularios, botones, navegación, carruseles) para que los equipos de creación puedan configurarlos y quienes visitan el sitio interactúen con ellos.
Componentes CMS
Los componentes de Experience Manager se administran desde el CMS y definen la estructura y el aspecto del contenido de las páginas, a menudo vinculados a plantillas y flujos de trabajo.
Componentes de arrastrar y soltar
Describe el principal método de creación en Experience Manager Sites para agregar y organizar componentes en una página mediante el editor visual.
Componentes del contenido
Los componentes de Experience Manager administran elementos específicos de contenido (texto, imágenes, vídeo, fragmentos) que constituyen la experiencia de página.
Componentes principales
Conjunto de Experience Manager de componentes específicos modernos, estandarizados y listos para usar conforme a las prácticas recomendadas, diseñados para ofrecer flexibilidad, facilidad de mantenimiento y rendimiento.
Componentes listos para usar
Término general para componentes de Experience Manager creados previamente que pueden usarse de inmediato. Los componentes principales son el modelo de referencia de las implementaciones modernas de Experience Manager.

Preguntas frecuentes

¿Cómo define Experience Manager los componentes web?
Si bien los componentes de Experience Manager se crean utilizando tecnologías de Adobe como el lenguaje de plantilla HTML (HTL) y Sling, en lugar de estándares de navegador nativos como elementos personalizados o shadow DOM, estos ofrecen las mismas ventajas clave: modularidad, reutilización y encapsulación. Los componentes de Experience Manager actúan como componentes autónomos para acelerar el desarrollo de páginas web.
¿Qué son los componentes de la interfaz de uso en Experience Manager Sites?
Los componentes de la interfaz de uso son elementos generados previamente que representan partes de la interfaz de uso y que se pueden configurar visualmente. Pueden ser formularios, menús de navegación, barras de búsqueda, carruseles, pestañas y acordeones, todos ellos elementos esenciales para crear páginas interactivas y adaptables sin codificación.
¿Qué son los componentes principales de Experience Manager?
Los componentes principales son el conjunto de componentes de gestión de contenidos estandarizados y listos para producción de Adobe. Están basados en prácticas recomendadas y ofrecen funciones de creación flexibles, amplias opciones de configuración, control de versiones y compatibilidad con versiones anteriores, por lo que son la base aconsejada para los sitios modernos de Experience Manager.
¿En qué se diferencian los componentes principales de los componentes básicos?
Los componentes principales son modernos, flexibles y se mantienen de acuerdo con las prácticas recomendadas vigentes. Los componentes básicos son componentes antiguos y heredados basados en tecnologías obsoletas y, en gran medida, en desuso. Los nuevos proyectos deben utilizar componentes principales para lograr un mejor rendimiento y facilidad de mantenimiento.
¿Cómo se utiliza la API GraphQL de Experience Manager con componentes?
La API GraphQL de Experience Manager permite a los equipos de desarrollo consultar y recuperar contenido estructurado de los componentes de Experience Manager en una configuración descentralizada. Esto permite una entrega eficiente de campos específicos (como texto o URL de imágenes) a interfaces o aplicaciones de una sola página (SPA), aplicaciones móviles u otras experiencias digitales, lo que mejora el rendimiento y la flexibilidad.
¿Qué significa “componentes de arrastrar y soltar” en Experience Manager Sites?
Los componentes de arrastrar y soltar están relacionados con la experiencia de creación visual de páginas en Experience Manager Sites. Los equipos de creación pueden seleccionar componentes en un panel lateral y arrastrarlos al punto deseado en una página para crear diseños y publicar contenido de forma intuitiva sin necesidad de escribir código.