Personnalisation de la cérémonie du signataire
  • 18 Nov 2024
  • 5 Minutes à lire
  • Sombre
    Lumière
  • PDF

Personnalisation de la cérémonie du signataire

  • Sombre
    Lumière
  • PDF

Résumé de l’article

Web UIJava SDKC# Code

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 :

  • Logo

  • Color Associations:

    • 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 :

  1. Allez dans Admin > Personnalisation de la signature.

  2. 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.

  3. Continuez à ajouter des logos pour chaque langue dans votre compte (facultatif).

  4. Sélectionnez la langue appropriée pour chaque logo téléchargé.

  5. Cliquez sur Mettre à jour les logos.

  6. 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 :

  1. Allez dans Admin > Personnalisation de la signature.

  2. Faites défiler l’écran pour localiser la section Couleurs .

  3. Cliquez sur le carré coloré de l’élément que vous souhaitez modifier (Principal, Succès, etc.).

  4. 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.

  5. Répétez les étapes ci-dessus pour tous les changements de couleur que vous devez apporter.

  6. Cliquez sur Mettre à jour les couleurs.

  7. 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 :

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 ();
        }
    }
}


Cet article vous a-t-il été utile ?

Changing your password will log you out immediately. Use the new password to log back in.
First name must have atleast 2 characters. Numbers and special characters are not allowed.
Last name must have atleast 1 characters. Numbers and special characters are not allowed.
Enter a valid email
Enter a valid password
Your profile has been successfully updated.
ESC

Ozzy, facilitant la découverte de connaissances grâce à l’intelligence conversationnelle