Loading
Experience Cloud
Configuration de l'agent de service Agentforce pour lancer des conversations basées sur le contexte dans l'application mobile Salesforce

Configuration de l'agent de service Agentforce pour lancer des conversations basées sur le contexte dans l'application mobile Salesforce

En raison de l'espace limité à l'écran sur les appareils mobiles, le déclenchement automatique Agent de service Agentforce lorsqu'un utilisateur saisit une requête de recherche peut être intrusif et distrayant pour l'utilisateur. Pour une expérience optimisée, créez un composant LCW personnalisé pour votre site Experience qui permet aux utilisateurs d’indiquer s'ils souhaitent que l'agent de service Agentforce les aide dans leurs requêtes. Cette fonctionnalité est conçue pour améliorer l'expérience utilisateur en offrant une interaction plus intuitive avec Agent de service Agentforce. Personnalisez le nom et la présentation du composant personnalisé pour l'adapter au thème de votre site d'expérience.

Éditions requises

Afficher les éditions prises en charge.

Avant de commencer, assurez-vous que le composant personnalisé (LWC) est visible dans l'application mobile Salesforce, mais pas dans le site pour ordinateur de bureau.

  1. Créez et déployez un composant LWC personnalisé pour votre site Experience qui récupère les informations utilisateur.

    Dans le nouveau dossier de composants LWC personnalisés, utilisez ce modèle de composant personnalisé.

    1. Remplacez [Master Label] et [Description], comme indiqué dans ce fichier .js-meta.xml.
      <?xml version="1.0" encoding="UTF-8"?>
      <LightningComponentBundle xmlns="http://soap.sforce.com/2006/04/metadata">
      <apiVersion>62.0</apiVersion>
      <isExposed>true</isExposed>
      <masterLabel>[Master Label]</masterLabel>
      <description>[Description]</description>
      <targets>
      <target>lightningCommunity__Page</target>
      <target>lightningCommunity__Default</target>
      </targets>
      </LightningComponentBundle>
      
    2. Configurez le fichier .js. Nommez l'événement personnalisé.
      import { LightningElement } from 'lwc';
      
      export default class BannerForUnifiedSearchMobile extends LightningElement {
      
      handleClick() {
      var clickedEvent = new CustomEvent('custombuttonclicked',
      {
      bubbles: true,
      composed: true
      });
      // Dispatches the event.
      window.dispatchEvent(clickedEvent);
      }
      }
      
    3. Remplacez [Button Label] et [Mobile Button] , comme indiqué dans ce fichier .html.
      <template>
          <lightning-button label=[Button Label] onclick={handleClick} class=[Mobile Button]></lightning-button>
      </template>
      
    4. Configurez le fichier .css.
      .mobile-button {
       display: none;
      }
      
      @media (max-width: 768px) {
       .mobile-button {
       display: inline-block;
       }
      }
      
  2. Dans le générateur de site Experience, faites glisser votre composant LWC personnalisé vers la page Résultats de recherche.
  3. Allez à Paramètres | Avancé | Modifier le balisage head . Collez cet exemple de script dans le balisage head. Assurez-vous d'utiliser le même nom d'événement que celui configuré à l'étape 1.b.
    <script>
    window.addEventListener('custombuttonclicked', function() {
    try {
    embeddedservice_bootstrap.utilAPI.launchChat().then(() => {
    //do something
    }).catch(() => {
    alert("MIAW not ready yet!");
    });
    } catch(error) {
    alert("MIAW not initialized yet!");
    }
    });
    </script>
    
  4. Enregistrez et publiez vos modifications.
 
Chargement
Salesforce Help | Article