Rediriger un utilisateur à partir d’un Flow d’écran avec LWC

L’objectif de cet article est de construire un composant, Flow d’écran avec LWC, simple et réutilisable permettant de rediriger un utilisateur vers une page d’enregistrement.

Les flows sont un outil formidable pour guider les utilisateurs dans leurs processus métiers, aidons-les à aller encore plus loin !

Cas d’usage

Le cas d’usage le plus souvent rencontré est celui de la création d’un enregistrement. A la fin du flow, l’enregistrement est créé en arrière plan. Mis en parallèle avec le fonctionnement standard des Quick Actions qui ouvrent automatiquement l’enregistrement nouvellement créé, ça n’est pas optimal.

Dans le cas de processus complexes, les besoins projets nécessitent souvent de privilégier les Flow. Dès lors, une redirection automatique permet d’améliorer l’ergonomie, l’efficacité et généralement l’expérience utilisateur.

Afin de respecter le nouveau framework Salesforce, nous allons voir comment répondre à ce besoin en LWC plutôt qu’avec une action Aura.

Élément du LWC

1. Action de redirection – openRecord.js

2. Metadata – openRecord.js-meta.xml

Cette partie nous permet de rendre notre composant directement configurable dans le flow en permettant notamment de sélectionner l’id de l’enregistrement cible :

3. Template – openRecord.html

Nous ajoutons enfin un icône de chargement afin de rendre l’affichage plus user-friendly :

Utilisation du LWC

Il suffit ensuite de l’ajouter à un élément d’écran sur un screen Flow en dernière étape.

Exemple de flow simple permettant de créer une tâche à partir d’un compte :

Paramétrage du composant :

Démonstration vidéo :

Au delà d’une extension de fonctionnalité standard, ce composant très simple à créer représente une excellente plus-value utilisateur métier.

Lien vers la documentation Salesforce pour la création de l’équivalent Aura : https://help.salesforce.com/s/articleView?id=sf.flow_concepts_finish_override.htm&type=5