- 18 Nov 2024
- 5 Minutes à lire
- SombreLumière
- PDF
Personnalisation de la cérémonie du signataire
- Mis à jour le 18 Nov 2024
- 5 Minutes à lire
- SombreLumière
- PDF
Interface utilisateur Web
Les administrateurs peuvent modifier l’image de marque de l’expérience du signataire de plusieurs façons. En particulier, les administrateurs peuvent modifier les éléments suivants :
Image de marque : l’aspect général de l’expérience du signataire.
Alertes : L’apparition de divers messages d’information.
Signature : L’apparence des types de cases de signature utilisés dans les transactions.
Par défaut, l’apparence de l’expérience du signataire est conforme à la marque de OneSpan Sign :
La mise à jour du logo et de la palette de couleurs insère les éléments de marque de votre organisation dans l’ensemble de l’expérience du signataire. Par exemple:
Personnalisation du logo
Les logos de compte dans l’expérience du signataire peuvent être configurés indépendamment pour toutes les langues prises en charge. Pour toutes les langues de votre compte qui n’ont pas de logo désigné sur cet écran, le système utilisera par défaut la version anglaise du logo pour cette langue.
Spécifications du logo
Propriété du logo | Spécification |
---|---|
Taille du fichier | 1 Mo maximum |
Format de fichier | .jpg .png .Gif .Bmp .svg |
Dimensions optimales | 258px par 40px Si votre logo est plus grand que ces dimensions, l’image sera réduite pour s’adapter à l’espace alloué. Si votre logo est plus petit que ces dimensions, il sera étiré pour remplir l’espace alloué. |
Arrière-plan | Un arrière-plan transparent est préférable, mais pas obligatoire |
Pour modifier le logo qui sera utilisé pendant l’expérience du signataire :
Allez dans Admin > Personnalisation de la signature.
Faites glisser et déposez votre logo dans la section de téléchargement de la page, ou naviguez jusqu’à l’endroit où se trouve votre logo et sélectionnez-le.
Continuez à ajouter des logos pour chaque langue dans votre compte (facultatif).
Sélectionnez la langue appropriée pour chaque logo téléchargé.
Cliquez sur Mettre à jour les logos.
Cliquez sur Aperçu pour examiner vos modifications, à l’aide du sélecteur de langue pour vérifier les modifications du logo pour chaque langue.
Utilisez le bouton Aperçu pour afficher les modifications que vous apportez sur cette page. Utilisez les icônes d’ordinateur, de tablette et de mobile en haut de la fenêtre d’aperçu pour voir à quoi ressembleront vos modifications dans chaque format.
Associations de couleurs
Les couleurs suivantes peuvent être mises à jour avec votre palette de couleurs personnalisée :
Primaire
Alertes (succès, avertissement, erreur, infos)
Bouton de signature
Les valeurs de couleur peuvent être formatées en hexadécimal ou en RVBA.
Les couleurs par défaut sont conformes à l’accessibilité. Si vous mettez à jour ces couleurs, vous devez vous assurer que la conformité ADA est maintenue.
Association de couleurs | Éléments concernés |
---|---|
Primaire | Tous les boutons et les éléments de menu de niveau supérieur sont affichés dans la couleur principale. La couleur de survol de ces éléments est une nuance plus claire de la couleur principale (calculée par le système). |
Succès | Cette couleur est utilisée pour les alertes de réussite et la bordure de la boîte de signature acceptée. |
Avertissement | Cette couleur est utilisée pour les alertes d’avertissement. |
Erreur | Cette couleur est utilisée pour les alertes d’erreur et les info-bulles de l’outil de validation de champ. |
Information | Cette couleur est utilisée pour les alertes d’information. |
Signature | Définit la couleur des zones de signature avant qu’elles ne soient acceptées. Notez que les boutons de signature et de signature facultative ont un niveau d’opacité appliqué, pour permettre à tout texte d’arrière-plan d’être vu. Ainsi, les champs de signature peuvent apparaître légèrement différents des autres boîtes qui utilisent la même couleur. |
Pour ajouter des couleurs personnalisées à l’expérience du signataire :
Allez dans Admin > Personnalisation de la signature.
Faites défiler l’écran pour localiser la section Couleurs .
Cliquez sur le carré coloré de l’élément que vous souhaitez modifier (Principal, Succès, etc.).
Entrez la valeur hexadécimale ou les valeurs RGBA de votre couleur personnalisée. Si vous le souhaitez, vous pouvez cliquer dans le panneau des couleurs pour sélectionner votre choix de couleur.
Répétez les étapes ci-dessus pour tous les changements de couleur que vous devez apporter.
Cliquez sur Mettre à jour les couleurs.
Cliquez sur Aperçu pour examiner vos modifications.
Autres options de personnalisation
Il existe d’autres façons de personnaliser votre compte OneSpan Sign avec l’image de marque de votre organisation :
En utilisant le formulaire de migration de la marque pour ajouter le logo de votre organisation à d’autres zones de votre compte.
En contactant notre équipe d’assistance pour obtenir de l’aide sur des options de marque supplémentaires.
Java SDK
Les intégrateurs peuvent modifier et/ou supprimer certains éléments visuels de l’expérience du signataire pour permettre une expérience client de marque. Vous pouvez utiliser ces options pour intégrer de manière transparente le processus de signature à votre propre application.
Les exemples de code suivants illustrent comment spécifier les couleurs primaires et secondaires de l’expérience du signataire. Ceux-ci définissent l’aspect général de l’interface, également connu sous le nom de Branding.
package com.silanis.esl.sdk.examples;
import java.util.Map;
public class SigningStyleExample extends SDKSample {
public Map<String, Object> createdSigningThemes, retrievedSigningThemes, updatedSigningThemes, removedSigningThemes;
public String signingThemesStringToCreate = "{\"default\":{\"color\":{\"primary\":\"#5940C3\"}}}";
public String signingThemesStringToUpdate = "{\"default\":{\"color\":{\"primary\":\"#5940C3\",\"secondary\": \"#F31C8B\"}}}";
public static void main(String... args) {
new SigningStyleExample().run();
}
@Override
protected void execute() {
// Create default signing theme
createdSigningThemes = eslClient.getSigningStyleService().createSigningThemes(signingThemesStringToCreate);
// Get default signing theme
retrievedSigningThemes = eslClient.getSigningStyleService().getSigningThemes();
// Update the default signing theme
updatedSigningThemes = eslClient.getSigningStyleService().updateSigningThemes(signingThemesStringToUpdate);
// Delete default signing theme
eslClient.getSigningStyleService().deleteSigningThemes();
removedSigningThemes = eslClient.getSigningStyleService().getSigningThemes();
}
}
C# Code
Les intégrateurs peuvent modifier et/ou supprimer certains éléments visuels de l’expérience du signataire pour permettre une expérience client de marque. Vous pouvez utiliser ces options pour intégrer de manière transparente le processus de signature à votre propre application.
Les exemples de code suivants illustrent comment spécifier les couleurs primaires et secondaires de l’expérience du signataire. Ceux-ci définissent l’aspect général de l’interface, également connu sous le nom de Branding.
using System;
using System.IO;
using Silanis.ESL.SDK;
using Silanis.ESL.SDK.Builder;
using System.Collections.Generic;
namespace SDK.Examples
{
public class SigningStyleExample : SDKSample
{
public static void Main (string [] args)
{
new SigningStyleExample ().Run ();
}
public IDictionary<string, object> createdSigningThemes, retrievedSigningThemes, updatedSigningThemes, removedSigningThemes;
public string signingThemesStringToCreate = "{\"default\":{\"color\":{\"primary\":\"#5940C3\"}}}";
public string signingThemesStringToUpdate = "{\"default\":{\"color\":{\"primary\":\"#5940C3\",\"secondary\": \"#F31C8B\"}}}";
override public void Execute ()
{
// Create default signing theme
createdSigningThemes = eslClient.GetSigningStyleService ().CreateSigningThemes (signingThemesStringToCreate);
// Get default signing theme
retrievedSigningThemes = eslClient.GetSigningStyleService ().GetSigningThemes ();
// Update the default signing theme
updatedSigningThemes = eslClient.GetSigningStyleService ().UpdateSigningThemes (signingThemesStringToUpdate);
// Delete default signing theme
eslClient.GetSigningStyleService ().DeleteSigningThemes ();
removedSigningThemes = eslClient.GetSigningStyleService ().GetSigningThemes ();
}
}
}