DocumentaciónCommerceAdobe Commerce as a Cloud Service

[Solo SaaS]{class="badge positive" title="Solo se aplica a los proyectos de Adobe Commerce as a Cloud Service y Adobe Commerce Optimizer (infraestructura de SaaS administrada por Adobe)."}

Casos de uso

Last update: Tue Jan 06 2026 00:00:00 GMT+0000 (Coordinated Universal Time)

Creado para:

  • Principiante
  • Usuario
  • Líder

Los siguientes casos de uso muestran la funcionalidad principal y los escenarios empresariales admitidos por Adobe Commerce as a Cloud Service. Permiten acelerar el desarrollo e iniciar experiencias de alto impacto.

Si encuentra algún problema, consulte la sección Solución de problemas para obtener instrucciones.

Requisitos previos

Antes de intentar cualquiera de estos casos de uso, debe completar los siguientes requisitos previos:

  1. Cree su instancia de Cloud Service con las siguientes opciones:

    1. Seleccione espacio aislado en la lista desplegable Entorno.
    2. Seleccione Tienda Adobe en el menú desplegable Datos de prueba.

  2. Inicia sesión en tu Adobe Experience Cloud cuenta

  3. Configura tu tienda Cloud Service con las siguientes opciones:

    1. Seleccione adobe-commerce/adobe-demo-store para la plantilla.
    2. Seleccione Elegir una instancia disponible (Malla -> SaaS) para el método de conexión.

Flujo de trabajo de retirada

Este flujo de trabajo muestra el proceso de cierre de compra de un cliente que compra un producto en su tienda y cómo usted, como administrador, puede confirmar el pedido.

Habilitar servicios de pago

  1. En el Administrador de Commerce, vaya a Tiendas > Settings > Configuración > Métodos de pago.

  2. En la sección Configuración general, escriba sus Payment Services Sandbox ID y Payment Services Sandbox Key. Puede obtener estos identificadores siguiendo los pasos descritos en Incorporación a espacio aislado

  3. Establezca el menú desplegable Habilitar en Sí.

  4. Haga clic en Guardar configuración.

Adquirir un producto

  1. Vaya a la tienda que creó en los requisitos previos.

  2. Busque y seleccione un producto. Realice las selecciones de personalización necesarias. Luego haz clic en Agregar al carro.

    Interfaz de selección y búsqueda de productos en tienda {width="600" modal="regular"}

  3. Seleccione el icono de carro de compras para ver su carro de compras.

    Carro de compras con productos agregados y opciones de pago y envío {width="600" modal="regular"}

  4. Haga clic en Finalizar compra.

    Botón de cierre de compra en la página de carro {width="600" modal="regular"}

  5. Introduzca los datos de contacto y la información de envío necesarios. Puede utilizar información ficticia para este pedido.

  6. Para pagar, selecciona Cheque / giro postal. Si quieres usar una tarjeta de crédito, usa una de las tarjetas de prueba proporcionadas por Paypal. Puede utilizarlas con cualquier fecha de caducidad futura y con cualquier CVC.

    Formulario de cierre de compra con campos de información de contacto y envío {width="600" modal="regular"} Formulario de pago con tarjeta de crédito al pagar {width="600" modal="regular"}

  7. Haga clic en Realizar pedido.

Confirmar el pedido

  1. Abra el Administrador de Commerce: <your store URL>/admin.

  2. Inicie sesión con su Adobe ID.

  3. Vaya a Ventas > Pedidos.

    La cuadrícula de pedidos del administrador de Commerce muestra los pedidos recientes {width="600" modal="regular"}

  4. Busque el pedido que ha realizado y confirme los detalles.

    Página de detalles del pedido con información sobre clientes y productos {width="600" modal="regular"}

Actualizar contenido de tienda

Cree, edite y publique contenido directamente en la tienda.

  1. Abra la tienda que creó en los requisitos previos.

  2. Abra el Generador de tiendas. Navegando a https://da.live/#/<GitHub User Name>/<Repository Name>/main/da/index.md.

  3. Abra la página Index.

  4. Debajo del bloque de carrusel, introduzca un nuevo título editando la línea "Bienvenido a la demostración de la tienda Adobe".

  5. Haga clic en el icono Enviar y luego en Vista previa.

  6. Revise la página de vista previa y haga clic en Publicar.

  7. Actualice la página de la tienda y confirme que los cambios ya están activos.

Experimentación contextual

La característica de experimentación contextual de Adobe Commerce le permite crear y administrar experimentos en su tienda para probar contenido y configuraciones diferentes.

Requisitos previos

  1. En Storefront Builder, seleccione su página de índice y haga clic en Copiar.

  2. Cree una carpeta experimentos en la carpeta principal, haciendo clic en el botón Nuevo y seleccionando Carpeta.

  3. Cree una carpeta llamada 1234 en la carpeta experimentos.

  4. Pegue las dos copias de la página de índice en la carpeta 1234.

  5. Abra cada página y cambie el nombre a "homev1" y "homev2". Estos son sus aspirantes.

  6. Modifique cada página para incluir contenido diferente. Por ejemplo, cambie la imagen a pantalla completa o el texto. Debe poder identificar las diferencias entre cada página.

  7. Publique cada una de las páginas de aspirante.

  8. Abra la página de control, la página de índice original.

  9. Agregue un nuevo bloque con el título metadata.

  10. Añada la siguiente información a las filas del bloque de metadatos

    • Título - Adobe Commerce

    • Descripción: Una tienda web

    • Experimento - 1234

    • Variantes del experimento

      • https://<your-site>.aem.live/experiments/1234/indexv1
      • https://<your-site>.aem.live/experiments/1234/indexv2

    Configuración de bloque de metadatos para experimentación contextual {width="600" modal="regular"}

  11. Abra una ventana de navegación privada o de incógnito y vaya a la página principal.

  12. Cierre la ventana de exploración privada y repita el paso anterior. Cada vez que abra la página, verá una variante aleatoria que ha creado.

Mejora del contenido de tienda

Con AEM Assets, Adobe Express y Firefly, puede realizar cambios rápidamente en las imágenes que aparecen en la tienda con un flujo de trabajo sencillo y autodirigido.

Requisitos previos

  • Requiere acceso a AEM Assets, Adobe Express y Adobe Firefly.

Personalizar el fondo de una imagen

Imagine un escenario en el que desee modificar rápidamente el fondo de una imagen de producto. La combinación de Adobe Commerce, AEM Assets y Adobe Express le permite completar este cambio en unos sencillos pasos.

  1. Abra la tienda que creó en los requisitos previos y vaya al elemento que desee cambiar. Anote el SKU o el código de producto de los artículos.

  2. Abra AEM Assets, seleccionándolo en Adobe Experience Cloud.

    AEM Assets selector que muestra la interfaz Adobe Experience Cloud {width="600" modal="regular"}

  3. Haga clic en Assets.

    Opción de navegación de Assets en la interfaz AEM Assets {width="600" modal="regular"}

  4. Busque el artículo por SKU o código de producto.

  5. Seleccione el elemento que desea editar y haga clic en Abrir en Adobe Express.

    Opción Abrir en Adobe Express para editar recursos {width="600" modal="regular"}

  6. En el panel Imagen, seleccione Insertar objeto.

    Opción Insertar objeto en el panel Imagen de Adobe Express {width="600" modal="regular"}

  7. En el cuadro de texto, describa la imagen que desee agregar. Por ejemplo, "pinos nevados".

    Cuadro de texto para describir la imagen que se generará con IA {width="600" modal="regular"}

  8. Ajuste Brush size y dibuje donde desee agregar la imagen generada. Para este ejemplo, dibuje alrededor del objeto existente para seleccionar el fondo.

  9. Haga clic en Generar para ver los resultados.

  10. Elige entre los diferentes resultados, seleccionando la opción deseada y haciendo clic en Conservar.

  11. Haz clic en Tus cosas para volver al editor de imágenes.

  12. Haga clic en Guardar para especificar el tipo de imagen.

  13. Vuelva a hacer clic en Guardar para guardar los cambios.

  14. En el cuadro de diálogo Guardar recurso, seleccione la carpeta Commerce Destino.

    Cuadro de diálogo Guardar recurso con la carpeta de destino de Commerce seleccionada {width="600" modal="regular"}

  15. Haga clic en Guardar como nuevo recurso para guardar la imagen.

Agregar la imagen a Commerce AEM Assets

  1. En el panel de navegación de AEM as a Cloud Service, seleccione Assets > Archivos > Commerce y haga clic en el recurso que creó en la sección anterior.

    Carpeta de Commerce en AEM Assets con imágenes de productos {width="600" modal="regular"}

  2. Haga clic en Propiedades.

    Botón Propiedades en AEM Assets barra de herramientas {width="600" modal="regular"}

  3. Seleccione la ficha Commerce.

    Pestaña Commerce en el panel de propiedades de recursos {width="600" modal="regular"}

  4. Asegúrese de que ¿Existe en Adobe Commerce?El campo está establecido en Sí.

  5. Haga clic en Agregar e introduzca el SKU del producto al que desea agregar el recurso.

    Agregar SKU para vincular recursos al producto {width="600" modal="regular"}

  6. Seleccione la posición del recurso y el tipo de recurso.

  7. Seleccione la ficha Básico y cambie la ficha Estado de revisión a Aprobado.

    El menú desplegable Estado de la revisión se ha establecido en Aprobado en la pestaña Básico {width="600" modal="regular"}

  8. Haga clic en Guardar y cerrar.

Confirmar la imagen en Commerce

  1. En Adobe Commerce Admin, vaya a Catálogo > Productos.

  2. Seleccione el producto al que agregó la imagen en la sección anterior.

  3. Expanda la sección Imágenes y vídeos.

    Se ha expandido la sección de imágenes y vídeos en la edición del producto {width="600" modal="regular"}

  4. Confirme que la imagen ya está disponible en la lista de imágenes.

  5. Vuelva a la tienda y navegue hasta la página del producto modificado.

  6. Confirme que aparece la nueva imagen.

    Página de producto en la tienda que muestra la nueva imagen generada {width="600" modal="regular"}

Generar variaciones

Generate Variations de Adobe Commerce aprovecha la IA generativa para automatizar la generación de contenido de alta calidad, ajustar la mensajería y publicar recursos sin problemas en la tienda.

Generar texto

  1. Abra el sitio de la tienda con el Editor universal.

  2. Seleccione el bloque de texto que desee editar.

  3. En el panel Propiedades, haga clic en Generar variaciones.

  4. Haga clic en el botón Generar.

  5. Seleccione o personalice el texto generado.

  6. Haz clic en Publicar para actualizar tu tienda.

Generación de contenido e imágenes

  1. Abrir Generate Variations

  2. Seleccione la plantilla Hero Banner.

  3. En el cuadro de texto Explicar la interacción del usuario, escriba: "¡Experiencia para que los empleados y socios de Adobe compren equipos de la marca Adobe!".

  4. En la URL del conocimiento del dominio, escriba www.adobestore.com.

  5. Haga clic en Generar.

  6. Seleccione una variación de contenido y haga clic en Generar imagen.

  7. En el menú desplegable Tamaño de imagen, seleccione Pantalla panorámica (16:9).

  8. En el menú desplegable Tipo de contenido, seleccione Foto.

  9. Para la imagen de referencia Style, seleccione el titular de la tienda Adobe existente.

  10. Seleccione la imagen generada que desee usar y haga clic en Guardar.

  11. Repita este proceso con otras imágenes de referencia para generar más variaciones.

Resolución de problemas

Utilice las siguientes sugerencias para resolver cualquier problema que tenga al intentar utilizar estos tutoriales.

  • Si necesita instrucciones sobre comandos o indicadores:

    1. Ejecute aio --help para ver todos los comandos y indicadores disponibles.

    2. Para comandos específicos, use el indicador --help. Por ejemplo:

      • aio console --help
      • aio commerce --help

  • Si encuentra problemas de inicio de sesión no válidos:

    1. Ejecutar aio config clear.
    2. Ejecutar aio auth login --force.
    3. Inicie sesión en su explorador.
    4. Seleccione su perfil.
    5. Vuelva al terminal para continuar.

  • Si el comando init falla:

    1. Ejecutar aio api-mesh delete.
    2. Volver a ejecutar aio commerce init.

  • Si seleccionó la organización, proyecto o espacio de trabajo incorrecto antes de ejecutar el comando init:

    1. Ejecutar aio console org select.
    2. Ejecutar aio console project select.
    3. Ejecutar aio console workspace select.

  • Si tiene una selección de inquilino no válida:

    1. Cancele la ejecución de CLI actual presionando Ctrl-C.
    2. Ejecutar aio commerce init.

  • Si encuentra una instalación de API Mesh no válida:

    • Ejecutar aio api-mesh update mesh-config.json.
recommendation-more-help
d201267d-8d61-4d13-b6bb-517a2cbb4981