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: Wed Aug 06 2025 00:00:00 GMT+0000 (Coordinated Universal Time)
  • Temas:

Creado para:

  • Usuario
  • Líder

Los siguientes casos de uso muestran la funcionalidad principal y los escenarios empresariales admitidos por Adobe Commerce as a Cloud Service, lo que le permite 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 el menú desplegable Entorno.
    2. Seleccione Tienda Adobe en el menú desplegable Datos de prueba.

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

  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.

    búsqueda de tienda {width="600" modal="regular"}

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

    agregar al carro y cierre de compra {width="600" modal="regular"}

  4. Haga clic en Finalizar compra.

    haga clic en desprotección {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.

    escribir detalles {width="600" modal="regular"}

    tarjeta de crédito {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.

    confirmar pedido {width="600" modal="regular"}

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

    detalles del pedido {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 función de experimentación contextual de Adobe Commerce le permite crear y administrar experimentos en la tienda para probar diferentes contenidos y configuraciones.

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

    bloque de metadatos {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, ahora puede realizar rápidamente cambios en las imágenes que aparecen en su 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 realizar 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.

    recursos aem {width="600" modal="regular"}

  3. Haga clic en Assets.

    hacer clic en recursos {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.

    abrir en adobe express {width="600" modal="regular"}

  6. En el panel Imagen, seleccione Insertar objeto.

    insertar objeto {width="600" modal="regular"}

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

    insertar edición de objeto {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.

    guardar como nuevo recurso {width="600" modal="regular"}

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

Añadir la imagen a los AEM Assets de Commerce

  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 comercio {width="600" modal="regular"}

  2. Haga clic en Propiedades.

    propiedades {width="600" modal="regular"}

  3. Seleccione la ficha Commerce.

    ficha de comercio {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 a sku {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.

    aprobar recurso {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.

    imágenes y vídeos {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.

    confirmación de imagen {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 su 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 Generar variaciones

  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