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

Skapat för:

  • Användare
  • Ledare

I följande användningsexempel demonstreras kärnfunktioner och affärsscenarier som stöds av Adobe Commerce as a Cloud Service, vilket gör att du kan 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.

    butikssökning {width="600" modal="regular"}

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

    lägg till i kundvagn och utcheckning {width="600" modal="regular"}

  4. Klicka på Utcheckning.

    klicka på utcheckning {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.

    ange information {width="600" modal="regular"}

    kreditkort {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.

    bekräfta beställning {width="600" modal="regular"}

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

    beställningsinformation {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 Adobe Commerce kontextuella experimenteringsfunktion kan du skapa och hantera experiment i butiken 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

    metadata-block {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 nu snabbt ändra bilderna som visas i butiken i 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. Med kombinationen Adobe Commerce, AEM Assets och Adobe Express kan du gö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 {width="600" modal="regular"}

  3. Klicka på Assets.

    klicka på resurser {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 {width="600" modal="regular"}

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

    Infoga objekt {width="600" modal="regular"}

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

    redigera infogningsobjekt {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.

    spara som ny resurs {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.

    e-handelsmapp {width="600" modal="regular"}

  2. Klicka på Egenskaper.

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

  3. Klicka på fliken Commerce.

    fliken E-handel {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 i sku {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.

    Godkänn resurs {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.

    bilder och videoklipp {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.

    bildbekräftelse {width="600" modal="regular"}

Generera variationer

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

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 Generera variationer

  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