Découvrez la structure des pages hébergées du portail client fourni par ProAbono. Ces pages sont à intégrer dans l’espace client de votre application SaaS.
1 – Structure commune
ProAbono propose plusieurs pages hébergées qui permettent de mettre à disposition un tunnel de souscription complet ainsi qu’un portail client.
Il existe 3 types de pages hébergées :
- La page des offres,
- La page des parcours clients,
- La page du portail client.
Ces pages hébergées ont une structure commune qui s’articule sur un découpage en 5 parties :
- L’entête de page où vous pourrez retrouver le logo de votre entreprise,
- La partie supérieure est une section où vous pouvez transmettre des informations sur votre modèle tarifaire (ex : “tous nos prix sont en hors taxe” ou ajouter une description de vos offres ou encore encourager les personnes à prendre une offre plutôt qu’une autre),
- La partie centrale qui regroupe la plupart des contenus des pages hébergées (formulaires, portail client ou présentation d’offres),
- La partie inférieure où vous pourrez retrouver les informations de contact du support de l’entreprise ou des informations typées commerciales pour tout renseignement supplémentaire,
- Le pied de page peut vous permettre d’ajouter les mentions légales ou les CGVU.
La structure des pages hébergées est découpée en 5 zones distinctes pour que vous puissiez complètement personnaliser les parcours et expériences client. Les sections inférieures et supérieures sont modifiables au niveau HTML et CSS. Pour la partie centrale, seul le CSS est modifiable.
Pour modifier les sections inférieures et supérieures de la structure commune des pages hébergées, nous vous invitons à vous rendre sur l’application ProAbono.
Depuis le menu de gauche :
- Cliquer sur Paramètre,
- Dans le bloc consacré aux pages hébergées, cliquer sur paramètre généraux,
- Cliquez sur “Header&Footer”.
4 champs de personnalisation sont présents :
- “Page.header” = Entête de page,
- “Page.Top” = Partie supérieure,
- “Page.Bottom” = Partie inférieure,
- “Page.Footer” = Pied de page.
Toutes nos pages hébergées sont implantées dans vos pages web par le biais d’une iframe.
2 – La page des Offres
Elle comprend l’ensemble de vos grilles d’offres visibles ainsi qu’un menu de navigation pour passer d’une grille à l’autre.
Vous pouvez retrouver un exemple intégré sur le site de Démo https://demo.subscription.tech/page/portal-home.php.
3 – Les pages du Portail Client
Les pages du Portail Client comprennent l’ensemble des informations relatives à l’abonnement du client.
Les informations sont réparties sous 4 onglets d’un menu de navigation.
- Abonnements
- Factures
- Coordonnées
- Mode de paiement
Une section support (service client) est présente dans toutes pages du portail client.
Vous pouvez retrouver un exemple intégré sur le site de Démo https://demo.subscription.tech/page/portal-home.php
4 – Les pages de parcours Client
Ces pages comprennent les différentes pages intermédiaires, de liaisons qui permettent de réaliser l’ensemble des parcours clients disponible dans les pages hébergées. On peut rencontrer ces pages dans 2 configurations différentes :
- Dans le tunnel de souscription (dans un processus de souscription complet depuis le choix d’une offre jusqu’à la confirmation de paiement)
- Dans le cadre d’une modification d’un abonnement, mise à jour d’une adresse de facturation ou de moyen de paiement depuis le portail client (Ici, le client dispose déjà d’un abonnement et de son accès au portail client)
Liste des parcours avec menu de navigation (depuis le portail client) :
- Changer d’offre
- Résilier un abonnement
- Modifier les options d’un abonnement
- Payer une facture en ligne
- Modifier les coordonnées (adresse de facturation)
- Ajouter/Modifier le mode de paiement automatique : CB et/ou Prélèvement bancaire (SEPA)
Liste des parcours sans menu de navigation :
- Finaliser la souscription (tunnel de souscription)
- Enregistrer/Modifier le mode paiement automatique : CB et/ou Prélèvement bancaire (SEPA)