Configurer et modifier les parcours de souscription

Les parcours de souscription sont developpé par nos equipes de professionnals services.
Les parcours de souscription sont des parcours hebergés sur notre envirromenet Seyna et accesible via une url de type :
Nos parcours de souscription sont extremement flexibles et peuvent etre adapté à tout type de produit.
Tout d’abord, les parcours :
  • sont personnalisable (Logo, couleur, metadata)
  • peuvent contenir des page et ou des loader d’attente personalisable
  • comporte des étapes de présetnation de devis, de signature Yousign et de paiement Stripe
Dans les parcours, les etapes de formulaires peuvent contenir :
  • Date picker
  • Date time picker
  • Texte
  • selector
  • Auto-complete select
  • Check box
  • Button radio
  • Téléphone
  • Email
  • Adresse pré renseigné (Google API)
  • Bloc d’information
En complément, les parcours peuvent etre
  • Conditionnel sur les champs
  • Conditionnel sur les pages
  • Conditionnel sur le direct ou indirect (intervention du courtier/agent)
Pour finir, les parcours peuvent contenir des étapes d’uplaod de document avec :
  • Drag and drop upload
  • Liste des documents configurables
  • Prévisualisation en back office
  • Enregistrement de la conformité du document (à venir)

Création d’un parcours

Comme evoqué, les parcours sont initiés par nos equipes de professional services.
Il faut compter entre 3 et 14 jours pour les developper.
à noter qu’UN parcours de souscription est associés à UN produit d’assurance.

Type de parcours : Direct ou Quote & Bind

Nous avons la possibilité de paramétrés des parcours selon 2 typologies :
  • Le parcours Quote & Bind (”Devis & Souscription”) est un parcours qui permet au client de faire une demande de devis dans un premier temps, puis le courtier crée un devis adapté à cette demande, puis le client reçoit un lien URL pour revenir sur le parcours avec cette offre personnalisée élaborée par le courtier. Le client peut ainsi finaliser sa souscription.
  • Le parcours Direct est un parcours où les clients donnent leurs informations et un prix+devis est automatiquement présenté au client, sans passer par une phase où le courtier crée un devis manuellement.
Image without caption

Accès aux parcours

Les parcours sont accésibles dans l’interface Seyna.
  • Parameters
  • Parcours de souscription
Image without caption
Depuis cette interface, vous trouverez les liens du parcours en production et celui en sandoxed (à priviligier pour vos tests)
Image without caption
En complément, depuis cette interface, il est possible de modifier les étapes de
  • formulaires
  • de texte
  • de loader (attente)
  • de présentation du devis

Modification d’une page de texte

You can have a page text like that
json
{ "key": "welcome", "item": { "text": "Bienvenue ! Assurez votre vélo electrique en quelques clics !", "type": "PAGE", "title": "Bienvenue" }, "title": "Bienvenue", "transitions": [ { "key": "next", "target": "my_bike" } ] }
Le texte est basé sur Markdown.
Pour information : https://dillinger.io/
Exemple :
  • retour à la ligne : \n\n
  • gras : gras

Ajouter / mettre à jour un message d'appel ou d'information

Au début de la page, nous pouvons ajouter un message d'appel avec un message d'information.
Il peut être configuré dans la section "configuration".
json
{ "key": "fillMyRentalForm", "item": { "type": "FORM", "formId": "c89ed0eb-e6c8-4275-9f60-c981ead7350f" }, "title": "Ma location", "message": { "text": "Pour ajouter une course, cliquer sur AJOUTER UN FORMULAIRE", "level": "INFO" }, "transitions": [ { "key": "next", "meta": { "assign": "ASSIGN" }, "target": "fillMyRentalAgencyForm" } ] }
Les couleurs peuvent être modifiées avec des niveaux.
Vous pouvez trouver la liste des niveaux ici: https://mui.com/material-ui/react-alert/

Configuration d’une page formulaire

⚠️
All modifications are made directly on the forms.

Mise en page et RJSF

Les formulaires de la démarche sont basés sur un formulaire par page. Chaque page a son propre formulaire.
Ce formulaire est basé sur RJSF. Il est basé sur des schémas JSON.
Dans RJSF, il y a 2 schémas qui peuvent être configurés.
Le schéma permet de configurer le contenu, les paramètres "obligatoires" et les conditions potentielles.
Le deuxième, le schéma UI, permet de configurer l'ordre et les widgets.
Les widgets sont des entrées spécifiques :
  • Adresses
  • Numéros de téléphone
  • ...
Image without caption

Modifier le titre d'une question

Vous pouvez changer la question en modifiant le titre :
markdown
"title": "Date de naissance”

Configuration du fil d’ariane

Les fil d'Ariane peuvent être configurés dans la section "configuration" de chaque page d'accueil du parcours.
⚠️
Si vous n'avez pas de section, le titre de la page sera considéré comme une section.
Voici un exemple :
json
{ "key": "my_bike", "item": { "type": "FORM", "formId": "2a80f893-2de2-45f9-b14f-af127718e7cc" }, "title": "Mon vélo", "section": "Mon vélo", "transitions": [ { "key": "previous", "target": "welcome" }, { "key": "next", "meta": { "assign": "ASSIGN" }, "target": "information" } ] }

Configuration d’un page devis

La page devis peut etre configuré avec les éléments suivants :
  • Nom du devis
  • Temporalité
  • ouverture ou non du détails du prix
  • Choix des trois données présentés
Image without caption
json
{ "key": "quote_prices", "item": { "type": "PRICES", "clauses": "Je certifie avoir reçu le bulletin d’adhésion signé par le représentant légal de l’entreprise bénéficiaire", "pricesPath": "prices", "titlePrice": "NOM DU DEVIS", "priceFrequency": "/ an (TTC)", "priceProperties": [ { "label": "Donnée 1", "value": "Custom_data 1" }, { "label": "Donnée 2", "value": "Custom_data 2" } ] }, "title": "Offre", "section": "Devis",