DokumentationHandelAdobe Commerce as a Cloud Service

[Endast SaaS]{class="badge positive" title="Gäller endast Adobe Commerce as a Cloud Service- och Adobe Commerce Optimizer-projekt (SaaS-infrastruktur som hanteras av Adobe)."}

Användningsexempel

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

Skapat för:

  • Nybörjare
  • Användare
  • Ledare

I följande användningsexempel visas kärnfunktioner och affärsscenarier som stöds av Adobe Commerce as a Cloud Service. Med dem kan ni snabba upp utvecklingen och lansera slagkraftiga upplevelser.

Om du råkar ut för några problem kan du få hjälp i avsnittet Felsökning.

Förutsättningar

Innan du provar något av dessa användningsfall måste du uppfylla följande krav:

  1. Skapa din Cloud Service-instans med följande alternativ:

    1. Välj Sandbox i listrutan Miljö.
    2. Välj Adobe Store i listrutan Testa data.

  2. Logga in på ditt Adobe Experience Cloud konto

  3. Konfigurera din Cloud Service-butik med följande alternativ:

    1. Välj adobe-commerce/adobe-demo-store som mall.
    2. Välj Välj en tillgänglig instans (Nät -> SaaS) som anslutningsmetod.

Arbetsflöde för kassor

I det här arbetsflödet visas utcheckningsprocessen för en kund som köper en produkt från din butik och hur du som administratör kan bekräfta ordern.

Aktivera betaltjänster

  1. Gå till Lager > Settings > Konfiguration > Betalningsmetoder i Commerce Admin.

  2. Ange och i avsnittet Payment Services Sandbox IDAllmän konfigurationPayment Services Sandbox Key. Du kan få dessa ID:n genom att följa stegen som beskrivs i Sandbox-introduktion

  3. Ställ in listrutan Aktivera på Ja.

  4. Klicka på Spara konfiguration.

Köpa en produkt

  1. Gå till storefront som du skapade i förutsättningarna.

  2. Hitta och välj en produkt. Gör de anpassningar som behövs. Klicka sedan på Lägg till i kundvagnen.

    Storefront-gränssnittet för produktsökning och val {width="600" modal="regular"}

  3. Välj kundvagnsikonen för att visa kundvagnen.

    Kundvagn med tillagd produkt och utcheckningsalternativ {width="600" modal="regular"}

  4. Klicka på Utcheckning.

    Knappen Kassa på kundvagnssidan {width="600" modal="regular"}

  5. Ange kontaktuppgifter och leveransinformation. Du kan använda fiktiv information för den här beställningen.

  6. Om du vill checka ut väljer du Kontrollera/Pengar-beställning. Om du vill använda ett kreditkort använder du ett av testkorten från Paypal. Du kan använda dessa med alla framtida förfallodatum och CVC.

    Checka ut formulär med kontakt- och leveransinformationsfält {width="600" modal="regular"} Kreditkortsbetalningsformulär i kassan {width="600" modal="regular"}

  7. Klicka på Montera order.

Bekräfta ordern

  1. Öppna Commerce Admin: <your store URL>/admin.

  2. Logga in med din Adobe ID.

  3. Navigera till Försäljning > Beställningar.

    Rutnät för beställningar i Commerce Admin som visar de senaste beställningarna {width="600" modal="regular"}

  4. Leta efter den ordning du har angett och bekräfta informationen.

    Sidan med beställningsinformation med kund- och produktinformation {width="600" modal="regular"}

Uppdatera butikens innehåll

Skapa, redigera och publicera material direkt i butiken.

  1. Öppna storefront som du skapade i förutsättningarna.

  2. Öppna Storefront Builder. Genom att navigera till https://da.live/#/<GitHub User Name>/<Repository Name>/main/da/index.md.

  3. Öppna sidan Index.

  4. Under Carousel-blocket anger du en ny titel genom att redigera raden"Välkommen till Adobe Store-demo".

  5. Klicka på ikonen Skicka och klicka på Förhandsgranska.

  6. Granska förhandsgranskningssidan och klicka på Publicera.

  7. Uppdatera butikssidan och bekräfta att dina ändringar nu är aktiva.

Sammanhangsberoende experimenterande

Med funktionen för kontextuella experiment i Adobe Commerce kan du skapa och hantera experiment i din butik för att testa olika innehåll och konfigurationer.

Förutsättningar

  1. Markera indexsidan i Storefront Builder och klicka på Kopiera.

  2. Skapa en experimentmapp under huvudmappen genom att klicka på knappen Nytt och välja Mapp.

  3. Skapa en mapp med namnet 1234 i mappen experiment .

  4. Klistra in de två kopiorna av indexsidan i mappen 1234 .

  5. Öppna varje sida och döp om dem till"homev1" och"homev2". Detta är dina utmanare.

  6. Ändra varje sida så att den innehåller olika innehåll. Ändra till exempel hjältebilden eller texten. Du måste kunna identifiera skillnaderna mellan sidorna.

  7. Publicera alla dina utmanande sidor.

  8. Öppna kontrollsidan, den ursprungliga indexsidan.

  9. Lägg till ett nytt block med titeln metadata.

  10. Lägg till följande information i metadatablockets rader

    • Title - Adobe Commerce

    • Beskrivning - en webbutik

    • Experimentera - 1234

    • Experimentera varianter

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

    Konfiguration av metadatablockering för sammanhangsberoende experiment {width="600" modal="regular"}

  11. Öppna ett inkodat eller privat surffönster och navigera till huvudsidan.

  12. Stäng det privata surffönstret och upprepa föregående steg. Varje gång du öppnar sidan visas en slumpmässig variant som du har skapat.

Förbättra innehållet i butiken

Med AEM Assets, Adobe Express och Firefly kan du snabbt göra ändringar i bilder som visas i din butik med ett enkelt, självstyrt arbetsflöde.

Förutsättningar

  • Kräver åtkomst till AEM Assets, Adobe Express och Adobe Firefly.

Anpassa bakgrunden i en bild

Tänk dig ett scenario där du snabbt vill ändra bakgrunden i en produktbild. Kombinationen av Adobe Commerce, AEM Assets och Adobe Express gör att du kan slutföra den här ändringen i några enkla steg.

  1. Öppna storefront som du skapade i förutsättningarna och navigera till ett objekt som du vill ändra. Observera artikelns SKU eller produktkod.

  2. Öppna AEM Assets genom att markera den i Adobe Experience Cloud.

    AEM Assets-väljaren visar Adobe Experience Cloud interface ​ {width="600" modal="regular"}

  3. Klicka på Assets.

    Assets navigeringsalternativ i AEM Assets interface {width="600" modal="regular"}

  4. Sök efter objektet med SKU eller produktkod.

  5. Markera det objekt som du vill redigera och klicka på Öppna i Adobe Express.

    Öppna i Adobe Express-alternativ för redigering av resurser {width="600" modal="regular"}

  6. Välj Infoga objekt på panelen Bild.

    Alternativet Infoga objekt på panelen Adobe Express-bild {width="600" modal="regular"}

  7. Beskriv den bild som du vill lägga till i textrutan. Till exempel "snöpine-träd".

    Textruta för att beskriva bilden som ska genereras med AI {width="600" modal="regular"}

  8. Justera Brush size och rita där du vill lägga till den genererade bilden. I det här exemplet ritar du runt det befintliga objektet för att markera bakgrunden.

  9. Klicka på Generera för att visa resultatet.

  10. Välj mellan olika resultat genom att markera önskat alternativ och klicka på Behåll.

  11. Klicka på Dina grejer för att återgå till bildredigeraren.

  12. Klicka på Spara för att ange bildtyp.

  13. Klicka på Spara igen för att spara ändringarna.

  14. I dialogrutan Spara resurs väljer du Commerce målmapp.

    Dialogrutan Spara resurs med Commerce-målmapp vald {width="600" modal="regular"}

  15. Klicka på Spara som ny resurs för att spara bilden.

Lägg till bilden i Commerce AEM Assets

  1. På navigeringspanelen i AEM as a Cloud Service väljer du Assets > Filer > Commerce och klickar på resursen som du skapade i föregående avsnitt.

    Commerce-mapp i AEM Assets med produktbilder {width="600" modal="regular"}

  2. Klicka på Egenskaper.

    Egenskapsknappen i AEM Assets verktygsfältet {width="600" modal="regular"}

  3. Klicka på fliken Commerce.

    Commerce-flik i resursegenskapspanelen {width="600" modal="regular"}

  4. Kontrollera att Finns den i Adobe Commerce?Fältet är inställt på Ja.

  5. Klicka på Lägg till och ange den produkt-SKU som du vill lägga till resursen i.

    Lägg till SKU för att länka resurs till produkt {width="600" modal="regular"}

  6. Välj positionen för resursen och resurstypen.

  7. Välj fliken Grundläggande och ändra fliken Granskningsstatus till Godkänd.

    Listrutan Granskningsstatus har värdet Godkänd på fliken Grundläggande {width="600" modal="regular"}

  8. Klicka på Spara och stäng.

Bekräfta bilden i Commerce

  1. Gå till Katalog > Produkter i Adobe Commerce Admin.

  2. Välj den produkt du lade till bilden i föregående avsnitt.

  3. Expandera avsnittet Bilder och video.

    Avsnittet Bilder och videoklipp har utökats vid produktredigering {width="600" modal="regular"}

  4. Bekräfta att bilden nu finns i listan med bilder.

  5. Gå tillbaka till butiken och navigera till sidan för den ändrade produkten.

  6. Bekräfta att den nya bilden visas.

    Produktsidan i butiken visar den nya genererade bilden {width="600" modal="regular"}

Generera variationer

Generate Variations för Adobe Commerce använder generativ AI för att automatisera generering av högkvalitativt innehåll, finjustera meddelanden och publicera resurser i din butik.

Generera text

  1. Öppna din butiksplats med Universal Editor.

  2. Markera det textblock som du vill redigera.

  3. Klicka på Generera variationer på panelen Egenskaper.

  4. Klicka på knappen Generera .

  5. Markera eller anpassa den genererade texten.

  6. Klicka på Publicera för att uppdatera butiken.

Generera innehåll och bilder

  1. Öppna Generate Variations

  2. Välj mallen Hero Banner.

  3. I textrutan Förklara användarinteraktion anger du:"Upplevelse för Adobe-anställda och -partners att köpa Adobe-märkta utrustning!".

  4. Ange www.adobestore.com i URL:en för domänkunskap.

  5. Klicka på Generera.

  6. Välj en innehållsvariant och klicka på Generera bild.

  7. Välj Bredbild (16) i listrutan :9Bildstorlek.

  8. Välj Foto i listrutan Innehållstyp.

  9. För referensbilden Style väljer du den befintliga bannern för Adobe-butiken.

  10. Markera den genererade bild som du vill använda och klicka på Spara.

  11. Upprepa den här processen med andra referensbilder för att generera fler variationer.

Felsökning

Använd följande förslag för att lösa eventuella problem du stöter på när du provar dessa självstudiekurser.

  • Om du behöver hjälp med kommandon eller flaggor:

    1. Kör aio --help om du vill visa alla tillgängliga kommandon och flaggor.

    2. Använd flaggan --help för specifika kommandon. Exempel:

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

  • Om du stöter på ogiltiga inloggningsproblem:

    1. Kör aio config clear.
    2. Kör aio auth login --force.
    3. Logga in i webbläsaren.
    4. Välj din profil.
    5. Växla tillbaka till terminalen för att fortsätta.

  • Om ditt init-kommando misslyckas:

    1. Kör aio api-mesh delete.
    2. Kör aio commerce init igen.

  • Om du valde fel organisation, projekt eller arbetsyta innan du kör kommandot init:

    1. Kör aio console org select.
    2. Kör aio console project select.
    3. Kör aio console workspace select.

  • Om du har en ogiltig klientorganisation:

    1. Avbryt den aktuella CLI-körningen genom att trycka på Ctrl-C.
    2. Kör aio commerce init.

  • Om en ogiltig API Mesh-installation påträffas:

    • Kör aio api-mesh update mesh-config.json.
recommendation-more-help
0961bf7c-1df8-4da1-8be1-cb5465eed8fb