--- sourceDocument: Yokohama Customer Service Management sourceDocumentLink: https://servicenow-prod.fluidtopics.net/r/pt-BR/yokohama/customer-service-management Release : - yokohama ft:locale : - pt-BR ft:publication_title : - Yokohama Customer Service Management ft:clusterId : - csm bundleId : - csm workflow : - Customer and Industry --- # Exibição ServiceNowCasos em uma página do Adobe Experience Manager # Exibição ServiceNowCasos em uma página do Adobe Experience Manager {#ariaid-title1} * Versão de lançamento: Yokohama * * Atualizado 3 de ago. de 2023 * * ![](https://www.servicenow.com/docs/portal-asset/ico-clock) 6 min. de leitura Componentes de caso de uso disponíveis no Adobe Experience Manager (AEM) para acessar casos de atendimento ao cliente no ServiceNowE exibi-los em um site baseado em AEM. ## Antes de Iniciar Defina a regra de compartilhamento de recursos entre origens (CORS) para acessar a API de caso e a API de anexo do CSM da sua instância do AEM. Para obter mais informações, consulte [Defina uma regra de compartilhamento de recursos entre origens para acessar ServiceNowEndpoints de API do AEM](https://servicenow-prod.fluidtopics.net/3jV4kO6YE1E5ZZpduisDxA#aem-set-cors-rules "Defina uma regra de compartilhamento de recursos entre origens (CORS) no ServiceNowPara acessar endpoints da API REST de Gestão de conhecimento, API de caso ou API de anexo de CSM da sua instância do Adobe Experience Manager (AEM)."). Função necessária: Autor do AEM ## Por Que e Quando Desempenhar Esta Tarefa A API REST do caso permite criar, recuperar e atualizar registros de casos de atendimento ao cliente. Para obter mais informações, consulte [API do caso](https://www.servicenow.com/docs/access?context=case-api&version=yokohama&pubname=yokohama-api-reference&ft:locale=en-US). A API de anexos do CSM permite carregar, baixar e remover anexos associados a casos de atendimento ao cliente e recuperar metadados de anexo. Para obter mais informações, consulte [API de anexo do CSM](https://www.servicenow.com/docs/access?context=attachment_csm-api&version=yokohama&pubname=yokohama-api-reference&ft:locale=en-US). ## Procedimento 1. Faça login na sua instância do AEM. 2. Abra sua página do AEM em [Modo de edição](https://helpx.adobe.com/in/experience-manager/6-5/sites/authoring/using/author-environment-tools.html#main-pars_title_20). 3. Abra o. [navegador de componentes](https://helpx.adobe.com/in/experience-manager/6-5/sites/authoring/using/author-environment-tools.html#main-pars_title_17). 4. Em Todos , selecione ServiceNow . 5. Arraste um componente para a posição desejada na página. Nota: Se os componentes não estiverem disponíveis, atualize a configuração do modelo para incluir os componentes do caso. Além disso, você deve modificar as propriedades do modelo de site e adicionar cada componente de caso à lista de componentes permitidos. 6. Abra o. [caixa de diálogo do componente para edição](https://helpx.adobe.com/in/experience-manager/6-5/sites/authoring/using/editing-content.html#ComponentEditDialog). Nota: Os componentes de caso no modo Editar de uma página no AEM podem ser acessados por todos os usuários, incluindo usuários públicos. Usuários públicos são usuários anônimos do AEM que não estão conectados. 7. Defina as propriedades do componente Cartões de caso para exibir todos os casos de atendimento ao cliente em aberto do seu ServiceNowinstância como cartões de coluna. {#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} | Propriedade | Descrição | |-|-| | Título | Título deste componente que aparece na página do AEM. | | Parâmetros de rótulo | Parâmetros de rótulo separados por vírgulas para colunas da tabela de caso \[sn_customerservice_case\]. Cada parâmetro é especificado no formato rótulo : coluna . Onde rótulo é exibido no componente e. coluna É o nome de uma coluna da tabela de caso \[sn_customerservice_case\]. Exemplo: Número:número,Prioridade:prioridade,Produto:produto | | URL da página da lista de casos | URL relativo da página da lista de casos para redirecionar. Exemplo: /content/servicenow/en/now_case_list.html | | URL da página de exibição do caso | URL relativo da página de exibição do caso para redirecionar. Exemplo: /content/servicenow/en/now_case_view.html | | Oculte componente para nenhum caso | Opção para ocultar o componente quando não houver casos a serem exibidos. | | Classe CSS personalizada | Classe CSS personalizada para aplicar estilos personalizados a este componente. Para obter mais informações, consulte [Personalizando as cores de ServiceNowComponentes no AEM](https://servicenow-prod.fluidtopics.net/Lz_6O3g0vzCDezyKOV2X~g#aem-style-components "Você pode definir a aparência do ServiceNowComponentes no Adobe Experience Manager (AEM) especificando cores para eles."). | [Tabela 1. Propriedades do componente Cartões de caso] {#aem-display-case-components__table_kx2_4q2_tkb} 8. Defina as propriedades do componente Novo caso para que os usuários criem um caso de atendimento ao cliente no ServiceNowDa sua página do AEM. {#aem-display-case-components__table_abr_rbk_cmb__entry__2}{#aem-display-case-components__slider-desc} | Propriedade | Descrição | |-|-| | Título | Título deste componente que aparece na página do AEM. | | Rótulo de descrição resumida | Rótulo do campo para inserir uma breve descrição do caso. | | Rótulo de descrição | Rótulo do campo para inserir uma descrição do caso. | | Rótulo do produto | Parâmetros separados por ponto e vírgula para definir o rótulo e o texto de espaço reservado para a lista de produtos. | | Rótulo do ativo | Parâmetros separados por ponto e vírgula para definir o rótulo e o texto de espaço reservado para a lista de ativos | | Número de itens de lista | Número máximo de itens a serem incluídos nas listas de produtos e ativos. Use os ícones de incremento ou diminuição para aumentar ou diminuir os valores. Você também pode inserir manualmente um valor. O valor deve ser maior que 1 . | | Mostrar ativos | Opção para exibir a lista de ativos no componente. | | URL da página da lista de casos | URL relativo da página da lista de casos para redirecionar. Exemplo: /content/servicenow/en/now_case_list.html | | URL da página de exibição do caso | URL relativo da página de exibição do caso para redirecionar. Exemplo: /content/servicenow/en/now_case_view.html Nota: Você precisa inserir um valor para esta propriedade para navegar até a página de exibição do caso na janela Caso criado. | | Limite de tamanho do arquivo de anexo em MB | Limite de tamanho máximo para um arquivo de anexo que pode ser adicionado a um caso. | | Classe CSS personalizada | Classe CSS personalizada para aplicar estilos personalizados a este componente. Para obter mais informações, consulte [Personalizando as cores de ServiceNowComponentes no AEM](https://servicenow-prod.fluidtopics.net/Lz_6O3g0vzCDezyKOV2X~g#aem-style-components "Você pode definir a aparência do ServiceNowComponentes no Adobe Experience Manager (AEM) especificando cores para eles."). | [Tabela 2. Novas propriedades do componente de caso] {#aem-display-case-components__table_abr_rbk_cmb} 9. Defina as propriedades do componente Exibição de caso para exibir casos de atendimento ao cliente e todos os comentários e anexos, se disponíveis, de um ServiceNowinstância. {#aem-display-case-components__table_tfp_h4q_tkb__entry__2} | Propriedade | Descrição | |-|-| | Parâmetro de caso | Nome do parâmetro de consulta de URL para o número do caso. Exemplo: case_no | | Parâmetros de rótulo | Parâmetros de rótulo separados por vírgulas para colunas da tabela de caso \[sn_customerservice_case\]. Cada parâmetro é especificado no formato rótulo : coluna . Onde rótulo é exibido no componente e. coluna É o nome de uma coluna da tabela de caso \[sn_customerservice_case\]. Exemplo: Número:número,Prioridade:prioridade,Produto:produto | | Contagem de atividades | Número máximo de atividades, como comentários e anexos, a serem exibidos na guia Atividade. Use os ícones de incremento ou diminuição para aumentar ou diminuir os valores. Você também pode inserir manualmente um valor. O valor deve ser maior que 1 . | | Limite de tamanho do arquivo de anexo em MB | Limite de tamanho máximo para um arquivo de anexo que pode ser adicionado a um caso. Use os ícones de incremento ou diminuição para aumentar ou diminuir os valores. Você também pode inserir manualmente um valor. O valor deve ser maior que 1 . | | URL da página do artigo | URL relativo da página do artigo para redirecionar. Exemplo: /content/servicenow/en/now_article_view.html Nota: Se um link de artigo estiver incluído em um caso, você precisará inserir um valor para esta propriedade para navegar até a página de exibição do artigo de conhecimento do caso. | | Classe CSS personalizada | Classe CSS personalizada para aplicar estilos personalizados a este componente. Para obter mais informações, consulte [Personalizando as cores de ServiceNowComponentes no AEM](https://servicenow-prod.fluidtopics.net/Lz_6O3g0vzCDezyKOV2X~g#aem-style-components "Você pode definir a aparência do ServiceNowComponentes no Adobe Experience Manager (AEM) especificando cores para eles."). | [Tabela 3. Propriedades do componente da Exibição de caso] {#aem-display-case-components__table_tfp_h4q_tkb} 10. Defina as propriedades do componente Lista de casos para exibir uma lista de casos de atendimento ao cliente. {#aem-display-case-components__table_ywq_wbr_tkb__entry__2} | Propriedade | Descrição | |-|-| | Título | Título deste componente que aparece na página do AEM. | | Parâmetros de rótulo | Parâmetros de rótulo separados por vírgulas para colunas da tabela de caso \[sn_customerservice_case\]. Cada parâmetro é especificado no formato rótulo : coluna . Onde rótulo é exibido no componente e. coluna É o nome de uma coluna da tabela de caso \[sn_customerservice_case\]. Exemplo: Número:número,Prioridade:prioridade,Produto:produto | | Contagem de casos | Número máximo de casos a serem exibidos no componente. Use os ícones de incremento ou diminuição para aumentar ou diminuir os valores. Você também pode inserir manualmente um valor. O valor deve ser maior que 1 . O valor máximo que você pode inserir para este campo é 50. | | Mostrar Criar caso | Opção para exibir o botão para criar um caso no componente. | | Rótulo do botão Criar caso | Rótulo do botão para criar um caso. | | URL da página de criação de caso | URL relativo da página de criação de caso para redirecionar. Exemplo: /content/servicenow/en/now_case_create.html | | URL da página de exibição do caso | URL relativo da página de exibição do caso para redirecionar. Exemplo: /content/servicenow/en/now_case_view.html | | Classe CSS personalizada | Classe CSS personalizada para aplicar estilos personalizados a este componente. Para obter mais informações, consulte [Personalizando as cores de ServiceNowComponentes no AEM](https://servicenow-prod.fluidtopics.net/Lz_6O3g0vzCDezyKOV2X~g#aem-style-components "Você pode definir a aparência do ServiceNowComponentes no Adobe Experience Manager (AEM) especificando cores para eles."). | [Tabela 4. Propriedades do componente da lista de casos] {#aem-display-case-components__table_ywq_wbr_tkb} {#aem-display-case-components__steps_vqd_flt_flb}