Guide de personnalisation du Widget V2

 

La documentation de référence liste de manière détaillée l'ensemble des paramètres des appels de l'API 'Accounts' permettant de gérer les widgets.

Ci-dessous, une description des principaux paramètres de personnalisation pour les points d'entrée suivants:

  • v2.1/add_connection,
  • /v2.1/edit_credential,
  • /v2.1/user_input,
  • /v2.1/manage_accounts,

Personnalisation des widgets

Vous pouvez personnaliser le widget sur tous les points d'entrée en utilisant ces paramètres :

  • background_color : Mettre à jour la couleur d'arrière-plan

  • display_border: Afficher ou non la bordure

  • displays_header: Afficher ou non l'en-tête (y compris la flèche de retour)

 

1-selection_banque.png

Personnalisation du widget : background_color & displays_header = true

 

Font customization

Main font

Vous pouvez personnaliser le texte principal de tous les widgets à l'aide de ces paramètres :

  • font : Mettre à jour la police du texte

  • font_color : Mettre à jour la couleur du texte

A noter que toutes les polices de caractères interprétées par le navigateur de l'utilisateur peuvent être utilisées dans la personnalisation des champs de type "texte".

2-font.png

Personnalisation de la police principale (font et font_color)

 

Secondary font

Vous pouvez personnaliser le texte secondaire dans tous les widgets à l'aide de ces paramètres :

  • font_secondary_color : met à jour la couleur du texte secondaire

3-secondary_font.png
Personnalisation de la police secondaire (font_secondary_color)
 

Personnalisation des boutons

Boutons principaux

Vous pouvez personnaliser le bouton dans tous les widgets en utilisant ces paramètres :

  • elements_color : met à jour la couleur du bouton

  • elements_font_color : met à jour la couleur du texte du bouton

  • elements_font : Mise à jour du type de texte, taille du bouton

  • button_arrow_color : met à jour la couleur de la flèche du bouton

4-button.png

Personnalisation du bouton principal

(elements_color, elements_font_color, elements_font, button_arrow_color)

Bouton secondaire

Vous pouvez personnaliser le bouton dans tous les widgets en utilisant ces paramètres :

  • secondary_elements_color : Mettre à jour la couleur du bouton secondaire

  • secondary_elements_font_color : Mettre à jour la couleur du texte du bouton secondaire

5-secondary_button.png
Personnalisation du bouton secondaire

 

Pour tous les boutons

Vous pouvez personnaliser les boutons dans toutes les pages du widget en utilisant ces paramètres :

  • button_radius : Mettre à jour le 'radius' de tous les boutons

  • button_size : Mettre à jour la taille de tous les boutons. 2 valeurs possibles : "SMALL" & "LARGE".

  • button_alignement : Mettre à jour l'alignement de tous les boutons. 5 valeurs possibles : "LEFT_TOP", "CENTER_TOP", "RIGHT_TOP", "LEFT_BOTTOM", "CENTER_BOTTOM"

6-button_type.png
Personnalisation de tous les types de boutons (button_radius, button_size)
 

Provider list customization

Vous pouvez personnaliser la page de la liste des établissements bancaires à l'aide de ces paramètres :

  • item_border_color : Mettre à jour la couleur de la bordure de l'élément

  • item_border_radius: Mettre à jour la bordure du rayon de l'élément

  • item_arrow_color: Mettre à jour la couleur de la flèche

  • providers_search_hint: Mettre à jour l'espace réservé dans la barre de recherche

7-providers.png
Personnalisation de la liste des banques
(item_border_color, item_border_radius, item_arrow_color)

 

Personnalisation des termes

A noter que cette fonctionnalité n'est pas disponible si vous utilisez l'agrément de Linxo Connect

Dans le cas contraire, il est possible de personnaliser les termes à l'aide de ces paramètres :

  • terms_body : Mettre à jour le corps des termes

  • terms_header: Mettre à jour l'en-tête des termes

8-terms.png

Personalisation des termes (terms_body, terms_header)

Have more questions? Submit a request

0 Comments

Article is closed for comments.