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:
-
Crea la tua istanza di Cloud Service utilizzando le seguenti opzioni:
- Seleziona Sandbox nel menu a discesa Ambiente.
- Seleziona Adobe Store nel menu a discesa Dati di prova.
-
Configura la vetrina di Cloud Service utilizzando le seguenti opzioni:
- Selezionare
adobe-commerce/adobe-demo-store
per il modello. - Selezionare Scegli un'istanza disponibile (Mesh -> SaaS) per il metodo di connessione.
- Selezionare
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
-
In Amministrazione Commerce, passa a Archivi > Settings > Configurazione > Metodi di pagamento.
-
Nella sezione Configurazione generale immettere
Payment Services Sandbox ID
ePayment Services Sandbox Key
. Puoi ottenere questi ID seguendo i passaggi descritti in Onboarding sandbox -
Imposta il menu a discesa Abilita su Sì.
-
Fai clic su Salva configurazione.
Acquistare un prodotto
-
Vai alla vetrina creata nei prerequisiti.
-
Trova e seleziona un prodotto. Effettuare le selezioni di personalizzazione necessarie. Quindi fai clic su Aggiungi al carrello.
-
Seleziona l’icona del carrello per visualizzare il carrello.
-
Fai clic su Estrai.
-
Immettere i recapiti e le informazioni di spedizione richiesti. È possibile utilizzare informazioni fittizie per questo ordine.
-
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.
-
Fai clic su Inserisci ordine.
Conferma l’ordine
-
Aprire Amministrazione Commerce:
<your store URL>/admin
. -
Accedi con il tuo Adobe ID.
-
Passa a Vendite > Ordini.
-
Cercare l'ordine effettuato e confermare i dettagli.
Aggiornare il contenuto della vetrina
Crea, modifica e pubblica i contenuti direttamente nella vetrina.
-
Apri la vetrina creata nei prerequisiti.
-
Apri Storefront Builder. Passando a
https://da.live/#/<GitHub User Name>/<Repository Name>/main/da/index.md
. -
Apri la pagina Indice.
-
Sotto il blocco Carosello, inserisci un nuovo titolo modificando la riga "Demo di benvenuto in Adobe Store".
-
Fare clic sull'icona Invia e fare clic su Anteprima.
-
Rivedi la pagina di anteprima e fai clic su Pubblica.
-
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
- Installa l'estensione AEM Sidekick
-
In Storefront Builder, selezionare la pagina indice e fare clic su Copia.
-
Crea una cartella experiment nella cartella principale facendo clic sul pulsante New e selezionando Cartella.
-
Creare una cartella denominata 1234 nella cartella experiment.
-
Incollare le due copie della pagina indice nella cartella 1234.
-
Apri ogni pagina e rinominala "homev1" e "homev2". Questi sono i tuoi sfidanti.
-
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.
-
Pubblicate tutte le vostre pagine sfidanti.
-
Apri la pagina di controllo, la pagina di indice originale.
-
Aggiungi un nuovo blocco con il titolo metadati.
-
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
-
-
Apri una finestra di navigazione in incognito o privata e passa alla pagina principale.
-
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.
-
Apri storefront creato nei prerequisiti e passa a un elemento che desideri modificare. Prendi nota dello SKU degli articoli o del codice prodotto.
-
Apri AEM Assets selezionandolo in Adobe Experience Cloud.
-
Fare clic su Assets.
-
Cerca l'elemento per SKU o Codice prodotto.
-
Seleziona l'elemento da modificare e fai clic su Apri in Adobe Express.
-
Nel pannello Immagine, seleziona Inserisci oggetto.
-
Nella casella di testo, descrivere l'immagine che si desidera aggiungere. Ad esempio, "pini innevati".
-
Regolare Brush size e disegnare dove si desidera aggiungere l'immagine generata. In questo esempio, disegnare intorno all'oggetto esistente per selezionare lo sfondo.
-
Fai clic su Genera per visualizzare i risultati.
-
Scegliere tra i diversi risultati selezionando l'opzione desiderata e facendo clic su Mantieni.
-
Fai clic su Il tuo contenuto per tornare all'editor di immagini.
-
Fai clic su Salva per specificare il tipo di immagine.
-
Fai di nuovo clic su Salva per salvare le modifiche.
-
Nella finestra di dialogo Salva risorsa, seleziona la cartella di destinazione di Commerce.
-
Fai clic su Salva come nuova risorsa per salvare l'immagine.
Aggiungere l’immagine a Commerce AEM Assets
-
Dal pannello di navigazione di AEM as a Cloud Service, seleziona Assets > File > Commerce e fai clic sulla risorsa creata nella sezione precedente.
-
Fare clic su Proprietà.
-
Selezionare la scheda Commerce.
-
Verificare che esista in Adobe Commerce?Campo impostato su Sì.
-
Fai clic su Aggiungi e immetti lo SKU del prodotto a cui desideri aggiungere la risorsa.
-
Selezionare la posizione per la risorsa e il tipo di risorsa.
-
Selezionare la scheda Base e modificare la scheda Stato revisione in Approvato.
-
Fai clic su Salva e chiudi.
Conferma l’immagine in Commerce
-
In Adobe Commerce Admin, passa a Catalog > Products.
-
Seleziona il prodotto a cui hai aggiunto l’immagine nella sezione precedente.
-
Espandi la sezione Immagini e video.
-
Conferma che l’immagine sia ora disponibile nell’elenco delle immagini.
-
Torna alla vetrina e passa alla pagina del prodotto modificato.
-
Confermare la visualizzazione della nuova immagine.
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
-
Apri il tuo sito di vetrina utilizzando Universal Editor.
-
Selezionare il blocco di testo da modificare.
-
Nel pannello Proprietà, fai clic su Genera varianti.
-
Fare clic sul pulsante Genera.
-
Seleziona o personalizza il testo generato.
-
Fai clic su Pubblica per aggiornare la vetrina.
Generare contenuti e immagini
-
Apri Genera varianti
-
Selezionare il modello Banner principale.
-
Nella casella di testo Spiega interazione utente, immetti: "Esperienza che i dipendenti e i partner di Adobe acquistino attrezzatura a marchio Adobe!".
-
Nell'URL per la conoscenza del dominio, immetti www.adobestore.com.
-
Fai clic su Genera.
-
Seleziona una variante di contenuto e fai clic su Genera immagine.
-
Dal menu a discesa Dimensioni immagine, selezionare Widescreen (16:9).
-
Dal menu a discesa Tipo di contenuto, selezionare Foto.
-
Per l'immagine di riferimento Style, seleziona il banner dell'archivio Adobe esistente.
-
Selezionare l'immagine generata da utilizzare e fare clic su Salva.
-
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:
-
Eseguire
aio --help
per visualizzare tutti i comandi e i flag disponibili. -
Per comandi specifici, utilizzare il flag
--help
. Ad esempio:aio console --help
aio commerce –help
-
-
Se riscontri problemi di accesso non validi:
- Esegui
aio config clear
. - Esegui
aio auth login –-force
. - Accedi al browser.
- Seleziona il tuo profilo.
- Tornare al terminale per continuare.
- Esegui
-
Se il comando
init
non riesce:- Esegui
aio api-mesh delete
. - Rieseguire
aio commerce init
.
- Esegui
-
Se si è selezionata l'organizzazione, il progetto o l'area di lavoro errati prima di eseguire il comando
init
:- Esegui
aio console org select
. - Esegui
aio console project select
. - Esegui
aio console workspace select
.
- Esegui
-
Se hai selezionato un tenant non valido:
- Annullare l'esecuzione CLI corrente premendo Ctrl-C.
- Esegui
aio commerce init
.
-
Se riscontri un’installazione Mesh API non valida:
- Esegui
aio api-mesh update mesh-config.json
.
- Esegui