[Solo SaaS]{class="badge positive" title="Applicabile solo ai progetti Adobe Commerce as a Cloud Service e Adobe Commerce Optimizer (infrastruttura SaaS gestita da Adobe)."}

Casi d’uso

I seguenti casi d'uso illustrano le funzionalità di base e gli scenari aziendali supportati da Adobe Commerce as a Cloud Service. Consentono di accelerare lo sviluppo e lanciare esperienze di alto impatto.

In caso di problemi, consulta la sezione Risoluzione dei problemi.

Prerequisiti

Prima di provare a eseguire uno di questi casi d'uso, è necessario soddisfare i seguenti prerequisiti:

  1. Crea la tua istanza di Cloud Service utilizzando le seguenti opzioni:

    1. Seleziona Sandbox nel menu a discesa Ambiente.
    2. Seleziona Adobe Store nel menu a discesa Dati di prova.
  2. Accedi al tuo Adobe Experience Cloud account

  3. Configura la vetrina di Cloud Service utilizzando le seguenti opzioni:

    1. Selezionare adobe-commerce/adobe-demo-store per il modello.
    2. Selezionare Scegli un'istanza disponibile (Mesh -> SaaS) per il metodo di connessione.

Flusso di lavoro di cassa

Questo flusso di lavoro illustra il processo di pagamento per un cliente che acquista un prodotto dal negozio e come confermare l’ordine in qualità di amministratore.

Abilita servizi di pagamento

  1. In Amministrazione Commerce, passa a Archivi > Settings > Configurazione > Metodi di pagamento.

  2. Nella sezione Configurazione generale immettere Payment Services Sandbox ID e Payment Services Sandbox Key. Puoi ottenere questi ID seguendo i passaggi descritti in Onboarding sandbox

  3. Imposta il menu a discesa Abilita su .

  4. Fai clic su Salva configurazione.

Acquistare un prodotto

  1. Vai alla vetrina creata nei prerequisiti.

  2. Trova e seleziona un prodotto. Effettuare le selezioni di personalizzazione necessarie. Quindi fai clic su Aggiungi al carrello.

    Interfaccia di ricerca e selezione prodotti Storefront {width="600" modal="regular"}

  3. Seleziona l’icona del carrello per visualizzare il carrello.

    Carrello con prodotto aggiunto e opzioni di pagamento {width="600" modal="regular"}

  4. Fai clic su Estrai.

    Pulsante Estrai nella pagina del carrello {width="600" modal="regular"}

  5. Immettere i recapiti e le informazioni di spedizione richiesti. È possibile utilizzare informazioni fittizie per questo ordine.

  6. Per effettuare il pagamento, selezionare Assegno/vaglia postale. Se desideri utilizzare una carta di credito, utilizza una delle carte di prova fornite da Paypal. Puoi utilizzarli con qualsiasi data di scadenza futura e qualsiasi CVC.

    Modulo di estrazione con campi di informazioni su contatti e spedizione {width="600" modal="regular"} Modulo di pagamento con carta di credito in fase di pagamento {width="600" modal="regular"}

  7. Fai clic su Inserisci ordine.

Conferma l’ordine

  1. Aprire Amministrazione Commerce: <your store URL>/admin.

  2. Accedi con il tuo Adobe ID.

  3. Passa a Vendite > Ordini.

    Griglia ordini in Commerce Admin con ordini recenti {width="600" modal="regular"}

  4. Cercare l'ordine effettuato e confermare i dettagli.

    Pagina dettagli ordine con informazioni su clienti e prodotti {width="600" modal="regular"}

Aggiornare il contenuto della vetrina

Crea, modifica e pubblica i contenuti direttamente nella vetrina.

  1. Apri la vetrina creata nei prerequisiti.

  2. Apri Storefront Builder. Passando a https://da.live/#/<GitHub User Name>/<Repository Name>/main/da/index.md.

  3. Apri la pagina Indice.

  4. Sotto il blocco Carosello, inserisci un nuovo titolo modificando la riga "Demo di benvenuto in Adobe Store".

  5. Fare clic sull'icona Invia e fare clic su Anteprima.

  6. Rivedi la pagina di anteprima e fai clic su Pubblica.

  7. Aggiorna la pagina vetrina e conferma che le modifiche sono ora attive.

Sperimentazione contestuale

La funzionalità di sperimentazione contestuale di Adobe Commerce consente di creare e gestire esperimenti nella vetrina per testare contenuti e configurazioni diversi.

Prerequisiti

  1. In Storefront Builder, selezionare la pagina indice e fare clic su Copia.

  2. Crea una cartella experiment nella cartella principale facendo clic sul pulsante New e selezionando Cartella.

  3. Creare una cartella denominata 1234 nella cartella experiment.

  4. Incollare le due copie della pagina indice nella cartella 1234.

  5. Apri ogni pagina e rinominala "homev1" e "homev2". Questi sono i tuoi sfidanti.

  6. Modifica ogni pagina in modo che includa contenuti diversi. Ad esempio, modifica l’immagine protagonista o il testo. Devi essere in grado di identificare le differenze tra ciascuna pagina.

  7. Pubblicate tutte le vostre pagine sfidanti.

  8. Apri la pagina di controllo, la pagina di indice originale.

  9. Aggiungi un nuovo blocco con il titolo metadati.

  10. Aggiungi le seguenti informazioni alle righe del blocco di metadati

    • Titolo - Adobe Commerce

    • Descrizione: un negozio web

    • Esperimento - 1234

    • Varianti esperimento

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

    Configurazione del blocco di metadati per la sperimentazione contestuale {width="600" modal="regular"}

  11. Apri una finestra di navigazione in incognito o privata e passa alla pagina principale.

  12. Chiudere la finestra di esplorazione privata e ripetere il passaggio precedente. Ogni volta che apri la pagina, viene visualizzata una variante casuale creata.

Migliora il contenuto della vetrina

Con AEM Assets, Adobe Express e Firefly, puoi apportare rapidamente modifiche alle immagini visualizzate nella vetrina con un semplice flusso di lavoro autonomo.

Prerequisiti

  • Richiede l'accesso a AEM Assets, Adobe Express e Adobe Firefly.

Personalizzare lo sfondo di un’immagine

Considera uno scenario in cui desideri modificare rapidamente lo sfondo di un’immagine di prodotto. La combinazione di Adobe Commerce, AEM Assets e Adobe Express consente di completare questa modifica in pochi semplici passaggi.

  1. Apri storefront creato nei prerequisiti e passa a un elemento che desideri modificare. Prendi nota dello SKU degli articoli o del codice prodotto.

  2. Apri AEM Assets selezionandolo in Adobe Experience Cloud.

    Selettore AEM Assets che mostra l'interfaccia Adobe Experience Cloud {width="600" modal="regular"}

  3. Fare clic su Assets.

    Opzione di navigazione di Assets nell'interfaccia AEM Assets {width="600" modal="regular"}

  4. Cerca l'elemento per SKU o Codice prodotto.

  5. Seleziona l'elemento da modificare e fai clic su Apri in Adobe Express.

    Opzione Apri in Adobe Express per la modifica delle risorse {width="600" modal="regular"}

  6. Nel pannello Immagine, seleziona Inserisci oggetto.

    Opzione Inserisci oggetto nel pannello Immagine di Adobe Express {width="600" modal="regular"}

  7. Nella casella di testo, descrivere l'immagine che si desidera aggiungere. Ad esempio, "pini innevati".

    Casella di testo per la descrizione dell'immagine da generare con IA {width="600" modal="regular"}

  8. Regolare Brush size e disegnare dove si desidera aggiungere l'immagine generata. In questo esempio, disegnare intorno all'oggetto esistente per selezionare lo sfondo.

  9. Fai clic su Genera per visualizzare i risultati.

  10. Scegliere tra i diversi risultati selezionando l'opzione desiderata e facendo clic su Mantieni.

  11. Fai clic su Il tuo contenuto per tornare all'editor di immagini.

  12. Fai clic su Salva per specificare il tipo di immagine.

  13. Fai di nuovo clic su Salva per salvare le modifiche.

  14. Nella finestra di dialogo Salva risorsa, seleziona la cartella di destinazione di Commerce.

    Finestra di dialogo Salva risorsa con cartella di destinazione di Commerce selezionata {width="600" modal="regular"}

  15. Fai clic su Salva come nuova risorsa per salvare l'immagine.

Aggiungi immagine a Commerce AEM Assets

  1. Dal Pannello di navigazione di AEM as a Cloud Service, seleziona Assets > File > Commerce e fai clic sulla risorsa creata nella sezione precedente.

    Cartella Commerce in AEM Assets con immagini prodotto {width="600" modal="regular"}

  2. Fare clic su Proprietà.

    Pulsante Proprietà nella barra degli strumenti AEM Assets {width="600" modal="regular"}

  3. Selezionare la scheda Commerce.

    Scheda Commerce nel pannello delle proprietà della risorsa {width="600" modal="regular"}

  4. Verificare che esista in Adobe Commerce?Campo impostato su .

  5. Fai clic su Aggiungi e immetti lo SKU del prodotto a cui desideri aggiungere la risorsa.

    Aggiungi SKU per collegare la risorsa al prodotto {width="600" modal="regular"}

  6. Selezionare la posizione per la risorsa e il tipo di risorsa.

  7. Selezionare la scheda Base e modificare la scheda Stato revisione in Approvato.

    Elenco a discesa Stato revisione impostato su Approvato nella scheda Base {width="600" modal="regular"}

  8. Fai clic su Salva e chiudi.

Conferma l’immagine in Commerce

  1. In Adobe Commerce Admin, passa a Catalog > Products.

  2. Seleziona il prodotto a cui hai aggiunto l’immagine nella sezione precedente.

  3. Espandi la sezione Immagini e video.

    Sezione Immagini e video espansa nella modifica del prodotto {width="600" modal="regular"}

  4. Conferma che l’immagine sia ora disponibile nell’elenco delle immagini.

  5. Torna alla vetrina e passa alla pagina del prodotto modificato.

  6. Confermare la visualizzazione della nuova immagine.

    Pagina prodotto nella vetrina che mostra la nuova immagine generata {width="600" modal="regular"}

Genera varianti

Generate Variations di Adobe Commerce sfrutta l'intelligenza artificiale generativa per automatizzare la generazione di contenuti di alta qualità, ottimizzare la messaggistica e pubblicare direttamente le risorse nella vetrina.

Genera testo

  1. Apri il tuo sito di vetrina utilizzando Universal Editor.

  2. Selezionare il blocco di testo da modificare.

  3. Nel pannello Proprietà, fai clic su Genera varianti.

  4. Fare clic sul pulsante Genera.

  5. Seleziona o personalizza il testo generato.

  6. Fai clic su Pubblica per aggiornare la vetrina.

Generare contenuti e immagini

  1. Apri Generate Variations

  2. Selezionare il modello Banner principale.

  3. Nella casella di testo Spiega interazione utente, immetti: "Esperienza che i dipendenti e i partner di Adobe acquistino attrezzatura a marchio Adobe!".

  4. Nell'URL per la conoscenza del dominio, immetti www.adobestore.com.

  5. Fai clic su Genera.

  6. Seleziona una variante di contenuto e fai clic su Genera immagine.

  7. Dal menu a discesa Dimensioni immagine, selezionare Widescreen (16:9).

  8. Dal menu a discesa Tipo di contenuto, selezionare Foto.

  9. Per l'immagine di riferimento Style, seleziona il banner dell'archivio Adobe esistente.

  10. Selezionare l'immagine generata da utilizzare e fare clic su Salva.

  11. Ripetete questo processo con altre immagini di riferimento per generare più varianti.

Risoluzione dei problemi

Utilizza i seguenti suggerimenti per risolvere eventuali problemi riscontrati durante il tentativo di eseguire queste esercitazioni.

  • Per istruzioni su comandi o flag:

    1. Eseguire aio --help per visualizzare tutti i comandi e i flag disponibili.

    2. Per comandi specifici, utilizzare il flag --help. Ad esempio:

      • aio console --help
      • aio commerce --help
  • Se riscontri problemi di accesso non validi:

    1. Esegui aio config clear.
    2. Esegui aio auth login --force.
    3. Accedi al browser.
    4. Seleziona il tuo profilo.
    5. Tornare al terminale per continuare.
  • Se il comando init non riesce:

    1. Esegui aio api-mesh delete.
    2. Rieseguire aio commerce init.
  • Se si è selezionata l'organizzazione, il progetto o l'area di lavoro errati prima di eseguire il comando init:

    1. Esegui aio console org select.
    2. Esegui aio console project select.
    3. Esegui aio console workspace select.
  • Se hai selezionato un tenant non valido:

    1. Annullare l'esecuzione CLI corrente premendo Ctrl-C.
    2. Esegui aio commerce init.
  • Se riscontri un’installazione Mesh API non valida:

    • Esegui aio api-mesh update mesh-config.json.
recommendation-more-help
8562d99f-dbeb-485e-bae7-5e82fa87f463