Te encuentras en una encrucijada. Un camino te brinda velocidad, control y la flexibilidad para diseñar tu tienda online exactamente como deseas. Otro ofrece un lanzamiento más rápido, herramientas preconfiguradas y una experiencia más fluida para tu equipo. Un tercer camino se sitúa entre ambos, ofreciendo el moderno marco headless de Salesforce con alojamiento gestionado. Los tres caminos te llevan a través de Salesforce Commerce Cloud, pero el proceso y el resultado son muy diferentes.
Si buscas mejorar la experiencia de compra, reducir los costos de desarrollo o preparar tu tienda digital para el futuro, la decisión que tomes aquí es más importante de lo que crees. En esta guía, aprenderás qué opción se adapta mejor a tu marca.
Contexto importante para 2026: Salesforce está invirtiendo fuertemente en su Composable Storefront (PWA Kit + Managed Runtime), lanzado en 2021 como la alternativa headless oficial a SFRA. Este artículo ahora cubre tres opciones arquitectónicas: SFRA, Salesforce Composable Storefront y compilaciones headless personalizadas. Comprender las tres es esencial para tomar una decisión informada.
|
Factor |
SFRA |
Headless Commerce |
|
Flexibilidad del front-end |
Limitado a las plantillas predefinidas de Salesforce |
Control total con cualquier framework moderno (React, Vue, etc.) |
|
Velocidad de lanzamiento |
Implementación más rápida con componentes preconstruidos |
Más lento, dependiendo del nivel de desarrollo personalizado |
|
Requisitos del equipo |
Más fácil para equipos pequeños o menos técnicos |
Requiere un equipo de desarrollo experimentado o un partner sólido |
|
Rendimiento |
Renderizado del lado del servidor, menos optimizado para UX dinámicas |
Aplicaciones de una sola página y experiencias más dinámicas |
|
Escalabilidad y crecimiento |
Mejor para catálogos estables y poco complejos |
Más adecuado para cambios rápidos, omnicanalidad y crecimiento futuro |
|
Costes de mantenimiento |
Costes continuos más bajos gracias a la estandarización |
Costes más altos, mayor control y necesidad de optimización continua |
|
Casos de uso |
Ideal para proyectos rápidos y estructurados ligados a herramientas de Salesforce |
Ideal para marcas que necesitan un enfoque mobile-first y flexibilidad API-first |
SFRA, o Arquitectura de Referencia de Tiendas, es el marco de trabajo predefinido de Salesforce B2C Commerce Cloud para crear tiendas online de forma rápida y eficiente. Obtendrás una base construida a partir del análisis de más de 2000 tiendas móviles (Fuente: Documentación para Desarrolladores de Salesforce), lo que significa que cada parte refleja el comportamiento real del usuario y patrones comprobados.
Está diseñado para que lances tus productos al mercado más rápido gracias a plantillas prediseñadas, flujos estándar y un diseño adaptable listo para usar. Si buscas acelerar el desarrollo, simplificar el trabajo de front-end y aprovechar las herramientas nativas de Salesforce, SFRA te ofrece una forma estructurada de hacerlo sin empezar desde cero.
Contexto: SFRA se diseñó en 2018 y sigue siendo un marco de trabajo compatible. Sin embargo, la principal inversión de Salesforce en productos se ha centrado ahora en Composable Storefront. SFRA sigue siendo una opción válida para ciertos casos de uso (que se describen a continuación), pero los equipos que evalúen nuevas implementaciones en 2026 deberían considerar las tres opciones antes de decidirse por una.
Más de 100 marcas utilizan SFRA para potenciar sus tiendas online (Fuente: Merkle), especialmente aquellas centradas en configuraciones B2C fiables con personalización moderada.
Puma fue la primera en implementarlo, lanzándolo globalmente y experimentando un aumento del 50 % en las tasas de conversión móvil (Fuente: Astound Digital).
IKKS Group, una marca de moda francesa también migró de SiteGenesis a SFRA, mejorando el rendimiento del sitio, acelerando la implementación de nuevas funciones y reduciendo los costes de mantenimiento.
Nada más acceder a la página web de IKKS Group, te recibe un selector dinámico de país e idioma. Esta es una característica distintiva de la arquitectura global de SFRA, que facilita la localización tanto para el usuario como para el equipo de desarrollo.
Salesforce Composable Storefront es la solución oficial de comercio electrónico headless de Salesforce para B2C Commerce Cloud, lanzada en 2021. Consta de dos componentes principales: PWA Kit, un marco de código abierto para crear tiendas online utilizando JavaScript con React.js, y Managed Runtime (MRT), un entorno de alojamiento sin servidor y altamente escalable para implementar y administrar su tienda online headless.
Composable Storefront se comunica con B2C Commerce exclusivamente a través de SCAPI (Salesforce Commerce API). Esta arquitectura desacoplada separa la presentación de tu interfaz de usuario de la lógica de negocio de tu servidor, lo que te permite controlar el aspecto y la experiencia de usuario de tu tienda online, mientras que Salesforce se encarga del alojamiento, la escalabilidad y la CDN.
Este es el camino recomendado por Salesforce para las nuevas implementaciones headless y el producto que recibe la mayor inversión y desarrollo de funcionalidades.
SFCC personalizado sin interfaz gráfica separa el front-end del back-end, brindándote control total sobre el diseño de la tienda online mientras sigues utilizando Salesforce Commerce Cloud para todo lo demás. A diferencia de Composable Storefront, tú eliges tu propio framework de front-end (React, Vue, Next.js, Nuxt o cualquier otro), tu propio proveedor de hosting y tu propio pipeline de despliegue.
Esta configuración se conecta a Salesforce mediante SCAPI y/o OCAPI. Obtendrá la máxima flexibilidad, pero asumirá una mayor responsabilidad en cuanto al alojamiento, la integración y entrega continuas (CI/CD), la observabilidad y la gestión de la infraestructura.
Nota sobre OCAPI vs. SCAPI: SCAPI es la API más reciente de Salesforce, recomendada para implementaciones headless, y recibe desarrollo continuo de nuevas funcionalidades. OCAPI admite funciones de back-end más avanzadas y sistemas heredados, pero su mantenimiento se encuentra en fase inicial. Para nuevas implementaciones, priorice SCAPI. Si ya cuenta con puntos de conexión OCAPI, planifique migrarlos gradualmente a puntos de conexión SCAPI personalizados.
Completamente sin interfaz gráfica: Interfaz personalizada con solo backend SFCC
La interfaz de usuario se desarrolla completamente desde cero utilizando tecnologías web modernas. Mediante SCAPI (y OCAPI cuando sea necesario), tu tienda online se mantiene conectada al backend de Salesforce. Esta configuración te brinda control total sobre la experiencia del cliente, pero requiere mayor esfuerzo y habilidades de desarrollo.
Híbrido: SFRA para algunas páginas, sin encabezado para otras.
Se mantiene SFRA donde funciona (como en el proceso de pago) y se incorporan tiendas virtuales sin interfaz gráfica para las páginas de productos, las aplicaciones móviles o los micrositios de campañas. Este es también el enfoque que Salesforce admite para las migraciones de tiendas virtuales componibles, donde PWA Kit gestiona algunas páginas mientras que SFRA gestiona otras.
Desacoplamiento progresivo: transición gradual hacia la descabezación
Poco a poco, puedes migrar partes de tu tienda online a una arquitectura headless, empezando por elementos como las páginas de detalles de productos. Esto facilita la gestión y le da tiempo a tu equipo para familiarizarse con las nuevas herramientas y flujos de trabajo.
Adidas es una marca que utiliza Salesforce Commerce Cloud en el backend, ofreciendo una experiencia de compra fluida en plataformas móviles, web y sociales mediante un frontend desacoplado.
Esto ayudó a la empresa a incrementar sus ventas de comercio electrónico en un 59 % en 2016.
En el sitio web de Adidas, al añadir un producto a la cesta, se abre una elegante ventana emergente con precios en tiempo real, confirmación de talla y color, y sugerencias de productos personalizadas. Este tipo de interacción rápida y dinámica es precisamente lo que permite Headless Salesforce Commerce Cloud: interfaces desacopladas, capacidad de respuesta similar a la de una aplicación y experiencias móviles a medida.
Kaporal, una marca de ropa francesa abandonó Magento 1 y reconstruyó su infraestructura con un enfoque headless y Front-Commerce, mejorando el rendimiento del sitio y ampliando su capacidad de escalabilidad con tecnología moderna.
NOVA admite arquitecturas headless creadas con frameworks front-end modernos como Vue o React, conectadas a plataformas back-end mediante API GraphQL. Estas configuraciones ofrecen a las marcas mayor control sobre la experiencia del cliente, especialmente en dispositivos móviles, donde la velocidad y la personalización son cruciales. Con la monitorización de NOVA, puedes detectar problemas en todo el stack, ya sea una solicitud GraphQL fallida, una carga lenta de un componente o un experimento front-end que salió mal.
La elección entre estas tres opciones depende del grado de control que desee, de la rapidez con la que necesite lanzar el producto y del tipo de experiencia que quiera crear. Estas son las dimensiones clave:
SFRA es la opción más rápida de configurar gracias a sus plantillas predefinidas y flujos estándar. Composable Storefront se sitúa en un punto intermedio: ofrece un framework y alojamiento gestionado, pero se trata de una aplicación React. El desarrollo personalizado sin interfaz gráfica es el que más tiempo requiere.
Tanto Composable Storefront como las implementaciones headless personalizadas superan a SFRA en velocidad bruta, ya que esta última depende de recargas completas de la página. Sin embargo, una implementación headless deficiente (hidratación inadecuada, renderizado intensivo en el cliente o latencia de la API) puede tener un rendimiento inferior al de SFRA. El kit PWA con Managed Runtime de Composable Storefront ofrece un buen rendimiento base de forma predeterminada.
Custom headless te brinda total libertad para crear tu propia interfaz de usuario con cualquier framework. Composable Storefront te ofrece una flexibilidad significativa dentro del ecosistema React/PWA Kit. SFRA es el más limitado, ya que sigue plantillas predefinidas que no siempre se ajustan a los objetivos de diseño modernos.
SFRA gestiona la mayoría de los servicios y el alojamiento dentro de Salesforce. Composable Storefront también gestiona el alojamiento a través de Managed Runtime, pero la conexión al back-end se realiza exclusivamente mediante SCAPI. La implementación personalizada sin interfaz gráfica requiere que gestione su propio alojamiento, canalizaciones de CI/CD y servicios de back-end.
Si planeas escalar o deseas una configuración de comercio electrónico modular, tanto Composable Storefront como una plataforma headless personalizada son excelentes opciones. Composable Storefront ofrece esta funcionalidad dentro del ecosistema de Salesforce; una plataforma headless personalizada te brinda total independencia de proveedores. SFRA no ofrece el mismo nivel de modularidad.
El kit PWA de Composable Storefront incluye soporte SSR que ayuda con las Core Web Vitals de forma predeterminada. Las aplicaciones headless personalizadas pueden ser excelentes para el SEO cuando se construyen con un SSR adecuado, pero las implementaciones deficientes (con renderizado completamente en el cliente) perjudican el rendimiento en las búsquedas. SFRA se puede optimizar para las Core Web Vitals, pero generalmente tiene más dificultades con LCP y TBT en páginas con mucho contenido.
SFRA es la opción más económica inicialmente. Composable Storefront tiene costos iniciales moderados, pero menores costos de alojamiento e infraestructura que una arquitectura headless personalizada (ya que incluye Managed Runtime). La arquitectura headless personalizada requiere la mayor inversión inicial, pero puede ser más eficiente a largo plazo si se necesita una personalización profunda o alcance multicanal. Sin embargo, los equipos que desarrollen SFRA en 2026 deben considerar la probabilidad de migrar a Composable Storefront en un plazo de 2 a 3 años, lo que afecta el costo total de propiedad (TCO) real.
Aquí te mostramos cuándo cada arquitectura tiene más sentido.
|
Arquitectura |
Cuándo elegir |
Ideal para |
Ten en cuenta |
|
SFRA |
Lanzamiento rápido, baja personalización |
Sitios SFRA existentes, equipos pequeños |
Obsoleto, flexibilidad limitada |
|
Composable Storefront |
Headless + Salesforce |
Nuevos desarrollos, React PWA |
Menos flexible que una solución totalmente personalizada |
|
Custom Headless |
Control total, enfoque API-first |
Equipos avanzados, alta escalabilidad |
Alta complejidad, requiere desarrolladores sólidos |
Opta por SFRA cuando necesites un lanzamiento rápido y no quieras invertir mucho en desarrollo front-end personalizado. Si tu equipo utiliza ampliamente las herramientas estándar de Salesforce, esta opción simplifica el proceso. También es una buena elección si cuentas con soporte de desarrollo limitado o un presupuesto reducido. Sin embargo, ten en cuenta que SFRA es tecnología de 2018 y que la inversión de Salesforce se ha centrado en Composable Storefront. Elige SFRA para sitios SFRA existentes que requieran mejoras incrementales, no para proyectos completamente nuevos en 2026.
Elige Composable Storefront si buscas rendimiento y flexibilidad sin necesidad de usar una interfaz gráfica, sin salirte del ecosistema de Salesforce. Esta es la ruta recomendada por Salesforce para nuevas implementaciones sin interfaz gráfica y la mejor opción si necesitas alojamiento gestionado, rendimiento de PWA basado en React y una ruta de migración clara desde SFRA. Es especialmente recomendable para equipos que desean funcionalidades modernas de front-end sin asumir la carga de infraestructura completa de una implementación sin interfaz gráfica personalizada.
Elige una arquitectura headless personalizada cuando tu prioridad sea la máxima flexibilidad, la independencia del proveedor o el uso de un framework distinto a React. Esta configuración te brinda control total sobre el front-end y funciona bien con una arquitectura componible o basada en API. Si cuentas con sólidos recursos de ingeniería o un socio que pueda encargarse del desarrollo, una arquitectura headless personalizada te permite crecer sin depender de ningún framework o proveedor de hosting específico.
Implementar una plataforma de comercio electrónico sin interfaz gráfica (ya sea Composable Storefront o personalizada) implica un cambio estratégico completo. Necesitarás estructura, una planificación inteligente y el equipo adecuado para su desarrollo.
Comienza por definir con precisión lo que quieres lograr. ¿Qué tipo de experiencia estás creando? ¿Para quién la estás creando? Analiza qué funciona actualmente y qué te está frenando. Tener objetivos claros guiará cada decisión que tomes en el futuro.
Analice a fondo su infraestructura actual. Revise su instancia de Salesforce Commerce Cloud de principio a fin. Examine la lógica personalizada, las integraciones vigentes y el flujo de datos entre sistemas. Esto le permitirá identificar qué elementos pueden conservarse, cuáles necesitan modificarse y dónde podrían surgir riesgos potenciales.
Si optas por Composable Storefront, tu pila tecnológica será React.js con PWA Kit y Managed Runtime. Si prefieres una arquitectura headless personalizada, elige un framework según la experiencia de tus desarrolladores y las necesidades de tus usuarios. React y Next.js son populares por sus compilaciones rápidas y escalables. Vue y Nuxt se caracterizan por su flexibilidad y facilidad de uso para desarrolladores.
Conecta tu nueva interfaz de usuario con el backend mediante SCAPI (API de Salesforce Commerce). SCAPI es la API recomendada para todas las nuevas implementaciones headless. Para integraciones heredadas que requieren un acceso más profundo al backend, OCAPI sigue estando disponible, pero se recomienda migrar esos puntos finales a puntos finales SCAPI personalizados con el tiempo.
Crea la interfaz de usuario y conéctala a tus servicios de back-end mediante la capa API. Esto incluye sistemas de pago, cuentas de clientes, inventario de productos y más. Para Composable Storefront, aprovecha los componentes predefinidos de PWA Kit para acelerar esta fase.
Antes del lanzamiento, asegúrate de que todo funcione correctamente. Prueba el tiempo de carga, verifica los flujos de usuario y ejecuta cada transacción de principio a fin. Según Toptal, el 90 % de los usuarios dejará de usar una aplicación si su rendimiento es deficiente. Realiza pruebas con anticipación, con frecuencia y, si es posible, con usuarios reales.
Para Composable Storefront, la implementación se realiza a través de Managed Runtime. Para las implementaciones personalizadas sin interfaz gráfica, configure canalizaciones de CI/CD para automatizar las versiones. En ambos casos, agregue herramientas de monitoreo de rendimiento y seguimiento de errores para detectar problemas antes de que los usuarios los detecten.
Tras el lanzamiento, tu trabajo no termina. Perfecciona el rendimiento y la experiencia del usuario con el tiempo. Según Akamai, incluso un retraso de 100 milisegundos en el tiempo de carga puede reducir las tasas de conversión en un 7 %.
Según McKinsey, las empresas que destacan en personalización generan un 40 % más de ingresos que las que no lo hacen. Céntrate en la carga rápida, la segmentación inteligente del contenido y los ajustes de SEO para que tu crecimiento siga creciendo exponencialmente.
Si estás desarrollando o escalando tu negocio en Salesforce Commerce Cloud, NOVA te ayuda a avanzar más rápido y con mayor confianza. Recibirás asistencia personalizada desde la fase de descubrimiento hasta la puesta en marcha, tanto si te quedas en SFRA, como si migras a Composable Storefront o si creas una configuración headless personalizada.
Nuestro equipo desarrolla proyectos de aplicaciones de comercio electrónico para Salesforce que se adaptan a sus necesidades, tanto técnicas como comerciales. Con nosotros, obtendrá tiendas online personalizadas mediante SCAPI y cualquier otra tecnología moderna que mejor se ajuste a sus necesidades. Si trabaja con ERP, OMS, CRM o cualquier otra herramienta, nos encargamos de la integración. ¿Necesita pruebas A/B, optimización para móviles o personalizaciones de PWA Kit? También podemos ayudarle con eso.
Lo que facilita el proceso son nuestros equipos nearshore. Están en tu zona horaria, lo que se traduce en una respuesta más rápida y una entrega más ágil. Tras el lanzamiento, nos quedamos para encargarnos de la optimización, el control de calidad y el control de versiones.
¿Listo para construir de forma más inteligente? Programe una llamada con NOVA.
SFRA te ofrece una interfaz lista para usar, directamente conectada al backend. Composable Storefront es la solución headless oficial de Salesforce, que utiliza PWA Kit basado en React con alojamiento gestionado a través de Managed Runtime. Custom Headless separa completamente ambas soluciones, permitiéndote usar cualquier framework y proveedor de alojamiento. SFRA es la solución más rápida para su lanzamiento, Composable Storefront equilibra velocidad y flexibilidad, y Custom Headless ofrece el máximo control.
SFRA no está oficialmente descontinuado, pero la principal inversión de Salesforce se ha centrado en Composable Storefront. SFRA sigue recibiendo soporte, pero las nuevas funciones e innovaciones se están orientando hacia la plataforma Composable. Los equipos que desarrollen nuevas tiendas en 2026 deberían considerar Composable Storefront como su opción principal.
Sí, y Salesforce ofrece una ruta de migración híbrida compatible. Puedes migrar progresivamente las páginas de SFRA a Composable Storefront, comenzando con las páginas de mayor impacto, como las de detalles de producto, y manteniendo el proceso de pago en SFRA hasta la siguiente fase. Este enfoque incremental reduce el riesgo y acelera la transición a una arquitectura headless.
SCAPI (Salesforce Commerce API) es la API más reciente y recomendada, diseñada para el comercio electrónico sin interfaz gráfica (headless commerce) y un mejor rendimiento en el front-end. Salesforce se encarga del desarrollo continuo de sus funcionalidades. OCAPI (Open Commerce API) admite funciones de back-end más avanzadas y sistemas heredados, pero su mantenimiento está en fase de desarrollo. Para nuevos proyectos, priorice SCAPI. Si ya cuenta con puntos de conexión OCAPI, planifique migrarlos gradualmente a puntos de conexión SCAPI personalizados.
Puede ir en cualquier dirección. Un sitio web headless bien diseñado (ya sea Composable Storefront o personalizado) puede mejorar significativamente la velocidad y el SEO mediante SSR y renderizado optimizado. Sin embargo, las implementaciones deficientes con scripts del lado del cliente complejos, una hidratación inadecuada o llamadas a la API lentas pueden perjudicar el rendimiento incluso más que SFRA. La calidad de la implementación es lo que determina el resultado.
Los plazos varían según el enfoque. Composable Storefront con PWA Kit puede ser más rápido que una implementación headless totalmente personalizada gracias a sus componentes predefinidos y alojamiento gestionado. La mayoría de las implementaciones headless tardan varios meses. Si utiliza aceleradores y cuenta con un sólido soporte de desarrollo, el proceso será más rápido. Sin ellos, espere una fase de configuración y pruebas más prolongada.
Por supuesto. Las tres configuraciones admiten integraciones de terceros para herramientas como pagos, ERP y PIM. La diferencia radica en que los enfoques headless (tanto Composable como personalizado) ofrecen más opciones sobre cómo y dónde se conectan esos servicios, especialmente a través de los puntos finales personalizados de SCAPI.
Tanto Composable Storefront como las arquitecturas headless personalizadas destacan en este aspecto. El kit PWA de Composable Storefront está diseñado específicamente para experiencias móviles, similares a las de una aplicación. Las arquitecturas headless personalizadas ofrecen la misma funcionalidad con más opciones de framework. SFRA funciona bien en dispositivos móviles, pero es menos flexible a la hora de optimizar para dispositivos y patrones de interacción más recientes.