[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, consentendo di accelerare lo sviluppo e avviare esperienze di forte 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 account Adobe Experience Cloud

  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.

    ricerca archivio {width="600" modal="regular"}

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

    aggiungi al carrello ed estrai {width="600" modal="regular"}

  4. Fai clic su Estrai.

    fai clic su estrai {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.

    immetti i dettagli {width="600" modal="regular"}

    carta di credito {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.

    conferma ordine {width="600" modal="regular"}

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

    dettagli ordine {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 funzione 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

    blocco di metadati {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, ora puoi apportare rapidamente modifiche alle immagini visualizzate nella vetrina con un flusso di lavoro semplice e autonomo.

Prerequisiti

  • Richiede l’accesso ad 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 apportare 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.

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

  3. Fare clic su Assets.

    risorse selezionate {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.

    apri in adobe express {width="600" modal="regular"}

  6. Nel pannello Immagine, seleziona Inserisci oggetto.

    inserisci oggetto {width="600" modal="regular"}

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

    inserisci modifica oggetto {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.

    salva come nuova risorsa {width="600" modal="regular"}

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

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

  2. Fare clic su Proprietà.

    proprietà {width="600" modal="regular"}

  3. Selezionare la scheda Commerce.

    scheda commerce {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 a sku {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.

    approva risorsa {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.

    immagini e video {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.

    conferma immagine {width="600" modal="regular"}

Genera varianti

Le varianti di generazione di Adobe Commerce sfruttano l’intelligenza artificiale generativa per automatizzare la generazione di contenuti di alta qualità, ottimizzare i messaggi e pubblicare facilmente 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 Genera varianti

  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