---
sourceDocument: Xanadu: Customer Service Management
sourceDocumentLink: https://servicenow-prod.fluidtopics.net/r/de-DE/xanadu/customer-service-management

 Release :

    - xanadu

ft:locale :

    - de-DE

ft:publication_title :

    - Xanadu: Customer Service Management

ft:clusterId :

    - csm

bundleId :

    - csm

workflow :

    - Customer and Industry


---

# ServiceNow-Fälle auf einer Adobe Experience Manager-Seite anzeigen

# ServiceNow-Fälle auf einer Adobe Experience Manager-Seite anzeigen {#ariaid-title1}

* Freigeben Version: Xanadu
* 
* Aktualisiert 3. August 2023
* 
* ![](https://www.servicenow.com/docs/portal-asset/ico-clock) 5 Minuten Lesedauer

Verwenden Sie Fallkomponenten, die in Adobe Experience Manager (AEM) verfügbar sind, um über die ServiceNow-Instanz auf Kundenservicefälle zuzugreifen und sie auf einer AEM-basierten Website anzuzeigen.

## Vorbereitungen

Definieren Sie die CORS-Regel (Cross-origin resource sharing) für den Zugriff auf die Fall-API und CSM-Anhang-API von Ihrer AEM-Instanz aus. Weitere Informationen finden Sie unter [Cross Origin Ressource Sharing-Regeln für den Zugriff auf die ServiceNow-API-Endpunkte von AEM definieren](https://servicenow-prod.fluidtopics.net/VpdCuIJE0GIK4pqT6Gq8zw#aem-set-cors-rules "Definieren Sie eine CORS-Regel (Cross-Origin Resource Sharing) auf Ihrer ServiceNow-Instanz, um von Ihrer AEM-Instanz (Adobe Experience Manager) aus auf Endpunkte der Knowledge Management-REST-API, Fall-API oder CSM-Anhang-API zuzugreifen.").

Erforderliche Rolle: AEM-Autor

## Warum und wann dieser Vorgang ausgeführt wird

Die Fall-REST-API ermöglicht das Erstellen, Abrufen und Aktualisieren der Datensätze von Kundenservicefällen. Weitere Informationen finden Sie unter [Fall-API](https://www.servicenow.com/docs/access?context=case-api&version=xanadu&pubname=xanadu-api-reference&ft:locale=en-US).

Die CSM-Anhang-API ermöglicht das Hochladen, Herunterladen und Entfernen von Anhängen, die mit Kundenservicefällen verknüpft sind, sowie das Abrufen von Anlagenmetadaten. Weitere Informationen finden Sie unter [CSM-Anhang-API](https://www.servicenow.com/docs/access?context=attachment_csm-api&version=xanadu&pubname=xanadu-api-reference&ft:locale=en-US).

## Prozedur

1. Melden Sie sich bei Ihrer AEM-Instanz an.
2. Öffnen Sie Ihre AEM-Seite im [Bearbeitungsmodus](https://helpx.adobe.com/in/experience-manager/6-5/sites/authoring/using/author-environment-tools.html#main-pars_title_20).
3. Öffnen Sie den [Komponentenbrowser](https://helpx.adobe.com/in/experience-manager/6-5/sites/authoring/using/author-environment-tools.html#main-pars_title_17).
4. Wählen Sie in der Liste Alle ServiceNow aus.
5. Ziehen Sie eine Komponente an die gewünschte Position auf der Seite.  
   Hinweis:  
   Wenn keine Komponenten verfügbar sind, aktualisieren Sie die Vorlagenkonfiguration, um die Fallkomponenten einzubeziehen. Darüber hinaus müssen Sie die Eigenschaften der Website-Vorlage ändern und jede Fallkomponente der Liste der zulässigen Komponenten hinzufügen.
6. Öffnen Sie das [Komponentendialogfeld zur Bearbeitung](https://helpx.adobe.com/in/experience-manager/6-5/sites/authoring/using/editing-content.html#ComponentEditDialog).  
   Hinweis:  
   Die Fallkomponenten im Bearbeitungsmodus einer Seite in AEM sind für alle Benutzer, einschließlich öffentlicher Benutzer, zugänglich. Öffentliche Benutzer sind nicht angemeldete anonyme AEM-Benutzer.
7. Legen Sie die Komponenteneigenschaften für Fallkarten fest, um alle offenen Kundenservicefälle aus Ihrer ServiceNow-Instanz als Spaltenkarten anzuzeigen.  
   {#aem-display-case-components__table_kx2_4q2_tkb__entry__2}{#aem-display-case-components__component-title-desc}{#aem-display-case-components__component-column-label-desc}{#aem-display-case-components__component-case-list-desc2}{#aem-display-case-components__component-view-case-desc2}{#aem-display-case-components__component-custom-css-desc}

   | Eigenschaft | Beschreibung |
   |-|-|
   | Titel | Titel der Komponente, die auf der AEM-Seite angezeigt wird. |
   | Bezeichnungsparameter | Kommagetrennte Bezeichnungsparameter für Spalten der Falltabelle \[sn_customerservice_case\]. Jeder Parameter ist in der Formatbezeichnung angegeben <var class="keyword varname">:</var><var class="keyword varname">Spalte</var> . Wobei <var class="keyword varname">label</var> auf der Komponente angezeigt wird und <var class="keyword varname">column</var> der Name einer Spalte der Falltabelle \[sn_customerservice_case\] ist. Beispiel: Number:number,Priority:priority,Product:product |
   | URL der Falllistenseite | Relative URL der Falllistenseite, an die weitergeleitet werden soll. Beispiel: /content/servicenow/en/now_case_list.html |
   | Case view page URL (Seiten-URL für Fallansichtseite) | Relative URL der Fallansichtsseite, an die weitergeleitet werden soll. Beispiel: /content/servicenow/en/now_case_view.html |
   | Komponente ausblenden, wenn keine Fälle vorhanden sind | Option zum Ausblenden der Komponente, wenn keine Fälle zum Anzeigen vorhanden sind. |
   | Benutzerdefinierte CSS-Klasse | Benutzerdefinierte CSS-Klasse zum Anwenden benutzerdefinierter Styles auf diese Komponente. Weitere Informationen finden Sie unter [Farben von ServiceNow-Komponenten in AEM anpassen](https://servicenow-prod.fluidtopics.net/5mx7Z57xwW_5rkcfHYFphw#aem-style-components "Sie können das Erscheinungsbild der ServiceNow-Komponenten in Adobe Experience Manager (AEM) definieren, indem Sie Farben für sie festlegen."). |
   [Tabelle : 1. Komponenteneigenschaften von Fallkarten]

   {#aem-display-case-components__table_kx2_4q2_tkb}
8. Legen Sie die Komponenteneigenschaften für „Neuer Fall" fest, damit Benutzer in Ihrer ServiceNow-Instanz auf der AEM-Seite einen Kundenservicefall erstellen können.  
   {#aem-display-case-components__table_abr_rbk_cmb__entry__2}{#aem-display-case-components__slider-desc}

   | Eigenschaft | Beschreibung |
   |-|-|
   | Titel | Titel der Komponente, die auf der AEM-Seite angezeigt wird. |
   | Short description label (Bezeichnung für Kurzbeschreibung) | Bezeichnung für das Feld zur Eingabe einer kurzen Beschreibung des Falls. |
   | Description label (Bezeichnung für Beschreibung) | Bezeichnung für das Feld zur Eingabe einer Beschreibung des Falls. |
   | Product label (Produktbezeichnung) | Durch Semikolon getrennte Parameter zum Definieren von Bezeichnung und Platzhaltertext für die Produktliste. |
   | Asset label (Asset-Bezeichnung) | Durch Semikolon getrennte Parameter zum Definieren von Bezeichnung und Platzhaltertext für die Asset-Liste. |
   | Anzahl der Listenelemente | Maximale Anzahl von Elementen, die in die Produkt- und Asset-Liste aufgenommen werden dürfen. Verwenden Sie die Erhöhen- und Verringern-Symbole, um die Anzahl der Werte zu erhöhen oder zu verringern. Sie können auch manuell einen Wert eingeben. Der Wert muss größer als <kbd class="ph userinput">1</kbd> sein. |
   | Show assets (Assets anzeigen) | Option zum Anzeigen der Asset-Liste auf der Komponente. |
   | URL der Falllistenseite | Relative URL der Falllistenseite, an die weitergeleitet werden soll. Beispiel: /content/servicenow/en/now_case_list.html |
   | Case view page URL (Seiten-URL für Fallansichtseite) | Relative URL der Fallansichtsseite, an die weitergeleitet werden soll. Beispiel: /content/servicenow/en/now_case_view.html Hinweis: Sie müssen einen Wert für diese Eigenschaft eingeben, um im Fenster „Fall erstellt" zur Fallansichtsseite zu navigieren. |
   | Attachment file size limit in MB (Größenbeschränkung für Anhangdatei in MB) | Obere Größenbeschränkung für eine Anhangdatei, die einem Fall hinzugefügt werden kann. |
   | Benutzerdefinierte CSS-Klasse | Benutzerdefinierte CSS-Klasse zum Anwenden benutzerdefinierter Styles auf diese Komponente. Weitere Informationen finden Sie unter [Farben von ServiceNow-Komponenten in AEM anpassen](https://servicenow-prod.fluidtopics.net/5mx7Z57xwW_5rkcfHYFphw#aem-style-components "Sie können das Erscheinungsbild der ServiceNow-Komponenten in Adobe Experience Manager (AEM) definieren, indem Sie Farben für sie festlegen."). |
   [Tabelle : 2. Komponenteneigenschaften für „Neuer Fall"]

   {#aem-display-case-components__table_abr_rbk_cmb}
9. Legen Sie die Komponenteneigenschaften der Fallansicht so fest, dass Kundenservicefälle sowie alle Kommentare und Anlagen aus einer ServiceNow-Instanz angezeigt werden.  
   {#aem-display-case-components__table_tfp_h4q_tkb__entry__2}

   | Eigenschaft | Beschreibung |
   |-|-|
   | Case parameter (Fallparameter) | Name des URL-Abfrageparameters für die Fallnummer. Beispiel: <kbd class="ph userinput">case_no</kbd> |
   | Bezeichnungsparameter | Kommagetrennte Bezeichnungsparameter für Spalten der Falltabelle \[sn_customerservice_case\]. Jeder Parameter ist in der Formatbezeichnung angegeben <var class="keyword varname">:</var><var class="keyword varname">Spalte</var> . Wobei <var class="keyword varname">label</var> auf der Komponente angezeigt wird und <var class="keyword varname">column</var> der Name einer Spalte der Falltabelle \[sn_customerservice_case\] ist. Beispiel: Number:number,Priority:priority,Product:product |
   | Activities count (Anzahl der Aktivitäten) | Maximale Anzahl von Aktivitäten, z. B. Kommentare und Anhänge, die auf der Registerkarte „Aktivität" angezeigt werden. Verwenden Sie die Erhöhen- und Verringern-Symbole, um die Anzahl der Werte zu erhöhen oder zu verringern. Sie können auch manuell einen Wert eingeben. Der Wert muss größer als <kbd class="ph userinput">1</kbd> sein. |
   | Attachment file size limit in MB (Größenbeschränkung für Anhangdatei in MB) | Obere Größenbeschränkung für eine Anhangdatei, die einem Fall hinzugefügt werden kann. Verwenden Sie die Erhöhen- und Verringern-Symbole, um die Anzahl der Werte zu erhöhen oder zu verringern. Sie können auch manuell einen Wert eingeben. Der Wert muss größer als <kbd class="ph userinput">1</kbd> sein. |
   | URL der Artikelseite | Relative URL der Artikelseite, an die weitergeleitet werden soll. Beispiel: /content/servicenow/en/now_article_view.html Hinweis: Wenn in einem Fall ein Link zu einem Artikel enthalten ist, müssen Sie einen Wert für diese Eigenschaft eingeben, um vom Fall aus zur Ansichtsseite des Wissensartikels zu navigieren. |
   | Benutzerdefinierte CSS-Klasse | Benutzerdefinierte CSS-Klasse zum Anwenden benutzerdefinierter Styles auf diese Komponente. Weitere Informationen finden Sie unter [Farben von ServiceNow-Komponenten in AEM anpassen](https://servicenow-prod.fluidtopics.net/5mx7Z57xwW_5rkcfHYFphw#aem-style-components "Sie können das Erscheinungsbild der ServiceNow-Komponenten in Adobe Experience Manager (AEM) definieren, indem Sie Farben für sie festlegen."). |
   [Tabelle : 3. Komponenteneigenschaften der Fallansicht]

   {#aem-display-case-components__table_tfp_h4q_tkb}
10. Legen Sie die Komponenteneigenschaften der Fallliste fest, um eine Liste von Kundenservicefällen anzuzeigen.  
    {#aem-display-case-components__table_ywq_wbr_tkb__entry__2}

    | Eigenschaft | Beschreibung |
    |-|-|
    | Titel | Titel der Komponente, die auf der AEM-Seite angezeigt wird. |
    | Bezeichnungsparameter | Kommagetrennte Bezeichnungsparameter für Spalten der Falltabelle \[sn_customerservice_case\]. Jeder Parameter ist in der Formatbezeichnung angegeben <var class="keyword varname">:</var><var class="keyword varname">Spalte</var> . Wobei <var class="keyword varname">label</var> auf der Komponente angezeigt wird und <var class="keyword varname">column</var> der Name einer Spalte der Falltabelle \[sn_customerservice_case\] ist. Beispiel: Number:number,Priority:priority,Product:product |
    | Fallanzahl | Maximale Anzahl von Fällen, die auf der Komponente angezeigt werden. Verwenden Sie die Erhöhen- und Verringern-Symbole, um die Anzahl der Werte zu erhöhen oder zu verringern. Sie können auch manuell einen Wert eingeben. Der Wert muss größer als <kbd class="ph userinput">1</kbd> sein. Der maximale Wert, den Sie für dieses Feld eingeben können, beträgt 50. |
    | Show create case (Fallerstellungs-Schaltfläche anzeigen) | Option zum Anzeigen der Schaltfläche zum Erstellen eines Falls auf der Komponente. |
    | Create case button label (Bezeichnung der Fallerstellungs-Schaltfläche) | Bezeichnung für die Schaltfläche zum Erstellen eines Falls. |
    | Case create page URL (URL für Fallerstellungsseite) | Relative URL der Seite zur Fallerstellung, an die weitergeleitet werden soll. Beispiel: /content/servicenow/en/now_case_create.html |
    | Case view page URL (Seiten-URL für Fallansichtseite) | Relative URL der Fallansichtsseite, an die weitergeleitet werden soll. Beispiel: /content/servicenow/en/now_case_view.html |
    | Benutzerdefinierte CSS-Klasse | Benutzerdefinierte CSS-Klasse zum Anwenden benutzerdefinierter Styles auf diese Komponente. Weitere Informationen finden Sie unter [Farben von ServiceNow-Komponenten in AEM anpassen](https://servicenow-prod.fluidtopics.net/5mx7Z57xwW_5rkcfHYFphw#aem-style-components "Sie können das Erscheinungsbild der ServiceNow-Komponenten in Adobe Experience Manager (AEM) definieren, indem Sie Farben für sie festlegen."). |
    [Tabelle : 4. Komponenteneigenschaften von Falllisten]

    {#aem-display-case-components__table_ywq_wbr_tkb}
{#aem-display-case-components__steps_vqd_flt_flb}