OneSpan Sign Developer - Custom Thank You Dialog

Duo Liang, février 27, 2020

Merci Dialog est une page modale affichée à la fin de la cérémonie de signature. En tant que composant d’interface utilisateur important, le dialogue apparaît avec le logo de votre entreprise, le message de remerciement ou d’autres instructions pour poursuivre le processus de signature, et un bouton de transfert pour rediriger la page de signature.

Dans ce blog, nous allons d’abord marcher à travers les composants de l’interface utilisateur dans le Dialogue Merci, puis je vais démontrer une solution pour créer votre propre Dialogue Merci pour remplacer le par défaut. Commençons !

Composants d'interface utilisateur

Voici un par défaut Merci Dialogue qui apparaît une fois la transaction terminée. J’ai marqué où les composants de l’interface utilisateur sont personnalisables. 2-27-1

Le contenu affiché dans l’interface utilisateur est lu à partir des paramètres configurés au niveau de votre compte dans le format d’un JSON :

{
  "corps": "Vous avez terminé la signature de tous les documents requis dans l’eSignPackage-n 'Que faire ensuite? 'nSi vous souhaitez revoir vos documents maintenant, cliquez!_sur '"Close' ci-dessous n_Thank.
  "logo": "esl",
  "titre": "Merci d’avoir utilisé OneSpan Sign!",
  "logoAltText": "logo eSignLive"
}

Afin de modifier la page, envoyez votre contenu mis à jour et votre logo personnalisé à notre équipe de support,afin qu’ils vous aident à ajuster les paramètres de votre compte.

Note:

1. Le bouton "Exit" représente l’URL de transfert, qui peut être définie à la fois au niveau du compte ou du paquet. Lisez notre blog précédent "Url de transfert" pour plus d’instructions d’intégration.

2. Le bouton "Fermer" et le bouton de sortie en haut droit ne peuvent pas être supprimés.

Custom Thank You Dialog

Le dialogue par défaut Merci devrait être suffisant pour traiter la plupart des cas, mais il ya quelques limites connues de notre pratique quotidienne:

- Une fois que vous fermez la page Thank You Dialog, vous ne pourrez pas revenir

- Si votre flux de travail demande au destinataire de cliquer sur l’URL de transfert pour poursuivre le processus de signature, et au cas où le signataire a fermé le Dialogue Merci sans lire attentivement sur les instructions, ils peuvent facilement se perdre sur ce qu’il faut faire l’étape suivante.

S’il vous arrive d’intégrer la cérémonie de signature dans un iFrame, je vais vous présenter une solution pour créer votre propre page De dialogue Merci. Cette approche inclut l’utilisation de Javascript Notifier et vous donne plus de flexibilité pour vous intégrer à votre propre flux de travail.

Étape1: Désactiver le dialogue par défaut Merci

La question de savoir si le Dialogue merci est affiché est déterminée par un paramètre de paquet, qui peut prendre effet à la fois aux niveaux du compte et du paquet. Pour le supprimer du niveau du compte, vous contacteriez notre équipe de support,et désactiver au niveau du paquet, consultez notre guide «Signing Ceremony Customization» et recherchez « Dialogue sur l’achèvement ».

Étape2: Créer une page Modal

Dans votre fichier HTML, nous devons créer une page modale remplaçant le Dialogue Merci.

Étape 3: Ajouter le code de notificateur Javascript

En tirant l’événement "'ESL:MESSAGE:STARTED:SIGNER_COMPLETE", votre fenêtre parente recevra une notification lorsque le signataire a terminé la signature, à ce moment-là votre demande affichera le dialogue personnalisé De remerciement dans une fenêtre modale au lieu de répondre sur le mise en œuvre hors de la boîte.

Vous pouvez télécharger le code complet à partir de ce partage de code.

Si vous avez des questions concernant ce blog ou toute autre chose concernant l'intégration de OneSpan Sign dans votre application, visitez les Forums communautairesdes développeurs . Vos commentaires sont importants pour nous!