Chat do Commerce com Omnicanal para Customer Service

Concluído

O biblioteca de módulos do Commerce inclui o recurso de chat do Commerce. O recurso de chat do Commerce estende os recursos de chat do Omnicanal para Customer Service para clientes de comércio eletrônico, incluindo suporte ao vivo ao representante do Serviço de Atendimento ao Consumidor para ajudar a resolver preocupações com o cliente, oferecer SAC e promover vendas para clientes comerciais.

Pré-requisitos do Omnicanal para Customer Service

Como pré-requisito, você deve configurar o chat no widget de administração do Omnicanal para Customer Service e obter alguns dos parâmetros para configurar a experiência de chat do Commerce. Para obter mais informações, consulte Configurar um canal de chat.

O script que você recebe depois de configurar o chat no widget de administração de omnicanal será semelhante ao exemplo a seguir.

<script id="Microsoft_Omnichannel_LCWidget" src="https://oc-cdn-ocprod.azureedge.net/livechatwidget/scripts/LiveChatBootstrapper.js" data-app-id="xxxx-xxx-4be7-bcd5-1d118ecffe1f" data-org-id="5a0e73c0-xxxx-xxxxx-xxx- 76df135f375d" data-org-url="https://xxsxxxxssdb348f-crm.omnichannelengagementhub.com"></script>

Você precisará desse script para configurar o módulo de chat, portanto, certifique-se de copiar e/ou salvar em algum lugar no dispositivo local para que possa usá-lo posteriormente.

Campos obrigatórios do chat do Commerce com Omnicanal para Customer Service

Os valores a seguir são obrigatórios do script que você gerou anteriormente para configurar o recurso de chat do Commerce com Omnicanal para Customer Service.

  • Fonte do script: o valor de src no script do widget do chat.

  • ID do aplicativo de dados: o valor de data-app-id do script do widget do chat.

  • ID da organização de dados: o valor de data-org-id do script do widget do chat.

  • URL do aplicativo de dados: o valor de data-org-url do script do widget do chat.

Configurar a experiência de chat do Commerce para seu site de comércio eletrônico

Um método recomendado para integrar o recurso de chat do Commerce ao seu site de comércio eletrônico é adicionar o módulo de chat do Commerce com omnicanal ao fragmento de cabeçalho compartilhado que você usa no seu site ao assistente para criação de sites do Commerce.

Para adicionar o módulo de chat do Commerce com omnicanal ao fragmento de cabeçalho compartilhado no seu site, siga estas etapas:

  1. Acesse o assistente para criação de sites do seu site e vá para Fragmentos.

  2. Selecione Novo e, quando aparecer a caixa de diálogo Novo fragmento, selecione o módulo Chat do Commerce com Omnicanal para Customer Service.

  3. Insira um nome para o fragmento e selecione OK.

  4. Na exibição Contorno, selecione o slot conector de chat Msdyn365.

  5. Acesse o painel Propriedades do chat à direita. Para preencher esses campos, você precisará do script Omnicanal para Customer Service gerado anteriormente:

    1. No campo código do script, insira o valor do script src.

    2. No campo ID do aplicativo de dados, insira o valor data-app-id do script.

    3. No campo ID da organização de dados, insira o valor data-org-id do script.

    4. No campo URL da organização de dados, insira o valor data-org-url do script.

  6. Selecione Salvar e, em seguida, selecione Concluir edição para fazer check-in no fragmento.

  7. Selecione Publicar.

  8. Acesse Fragmentos e abra o fragmento de cabeçalho do site.

  9. No slot do Contêiner padrão, selecione as reticências (...) e selecione Adicionar fragmento.

  10. Quando a caixa de diálogo Selecionar módulos for exibida, selecione o fragmento de chat que você criou anteriormente e, em seguida, clique em OK.

  11. Selecione Salvar e, em seguida, selecione Concluir edição para fazer check-in no fragmento.

  12. Selecione Publicar para publicar o fragmento.

Adicionar ordens do Commerce headquarters como uma guia de aplicativo para o Omnicanal para Customer Service

No Omnicanal para Customer Service, é possível adicionar uma guia de aplicativo para o Commerce headquarters Em seguida, os agentes humanos podem usar essa interface do usuário para acessar o módulo serviço do Dynamics 365 Commerce Customer Service, que fornece informações contextuais sobre o cliente e informações sobre suas ordens de venda. Os representante do Serviço de Atendimento ao Consumidor também podem fazer novas ordens, iniciar devoluções e verificar as informações de status da ordem.

Criar uma nova guia do aplicativo que carrega o Commerce Headquarters em um módulo iFrame

Para criar uma nova guia do aplicativo que carrega o Commerce Headquarters em um módulo iFrame, siga estas etapas:

  1. Vá para o Microsoft Power Apps Maker Portal.

  2. No painel de navegação esquerdo, selecione Apps.

  3. Selecione Centro de administração do Customer Service e vá para Experiência do agente.

  4. Em Modelos de guia de aplicativo, selecione Gerenciar.

  5. Crie uma nova guia de aplicativo do tipo Site de Terceiros. Para obter instruções sobre como criar uma guia do aplicativo e detalhes sobre seus parâmetros, consulte Gerenciar modelos de guia de aplicativo.

  6. Em Parâmetros, no campo Valor do parâmetro URL, insira a seguinte URL, na qual você precisará substituir <YourOrganizationHeadquartersURL> e <LegalEntityname> pelos valores apropriados. O Omnicanal para Customer Service lê o {AccountNumber} no contexto do chat de forma que você não precise editar {AccountNumber}.

    https://<YourOrganizationHeadquartersURL>/?mi=MCRCustomerService&cmp=<LegalEntityName>&embedded=true&customerId={AccountNumber}

  7. Deixe o campo Valor do Parâmetro de dados em branco.

Habilite uma nova guia de aplicativo para agentes do cliente no Omnicanal para Customer Service

Para habilitar uma nova guia de aplicativo para agentes de clientes, você precisará estar no Power Apps Maker Portal.

  1. No painel de navegação esquerdo, selecione Apps.

  2. Selecione Centro de administração do Customer Service e, em seguida acesse Suporte ao cliente > Fluxos de trabalho.

  3. Abra o fluxos de trabalho criado para os seus agentes e, em Configurações avançadas, selecione o Padrão de sessões.

  4. Nas Guias de aplicativo, selecione Adicionar guia de aplicativo existente e, em seguida, adicione a nova guia aplicativo criada anteriormente. Esta etapa garante que, quando um representante do Serviço de Atendimento ao Consumidor receber uma chamada de chat do seu site de comércio eletrônico, uma guia de aplicativo que carrega o Commerce Headquarters em um módulo iFrame será aberta.

Adicionar variáveis de contexto no Omnicanal para Customer Service

Para adicionar variáveis de contexto ao Omnicanal para Customer Service, você precisará estar no Power Apps Maker Portal.

  1. No painel de navegação esquerdo, selecione Apps.

  2. Selecione Centro de administração do Customer Service e, em seguida acesse Suporte ao cliente > Fluxos de trabalho.

  3. Abra o fluxo de trabalho criado para os seus agentes e, em Configurações avançadas, acesse a seção Variável de contexto.

  4. Selecione Editar e adicione AccountNumber como uma variável de contexto do tipo texto . Essa variável facilitará que o Commerce Headquarters carregue as informações do cliente com os números de conta correspondentes.

Além disso, se você deseja ler os endereços de email e nomes de usuários conectados de um canal de comércio eletrônico, poderá adicionar Email e Nome como variáveis de contexto de tipo texto.

Atualizar política de segurança de conteúdo no assistente para criação de sites

Para atualizar a política de segurança de conteúdo (CSP) do seu site, vá para o assistente para criação de sites:

  1. Selecione o site no qual você está trabalhando e selecione Configurações > Extensões de site.

  2. Na guia Política de segurança de conteúdo, adicione https://oc-cdn-ocprod.azureedge.net como uma nova entrada para as seguintes diretivas:

    • Child-src

    • Connect-src

    • Font-src

    • Frame-ancestors

    • Frame-src

    • Img-src

    • Media-src

    • Object-src

    • Script-src

    • Style-src

  3. Selecione Salvar e Publicar.

Para obter mais informações, consulte Gerenciar a política de segurança de conteúdo (CSP).