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 gens à 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é au pages hébergées, cliquer sur paramètre généraux,
  • Cliquez sur “Header&Footer”.

4 champs de personnalisation sont présent :

  • “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.

 



A noter : Cette image a été capturée sur le site Démo https://demo.subscription.tech/page/portal-home.php Elle met en avant la structure de la page de présentation des Offres.

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. 

Image du portail client

A noter : Cette image a été capturée sur le site Démo https://demo.subscription.tech/page/portal-home.php Elle met en avant la structure de la page du portail client. 

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 configuration 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)

Image du formulaire d’enregistrement de l’adresse de facturation depuis le portail client

Image du formulaire d’enregistrement d’un moyen de paiement depuis le tunnel de souscription.