Parcours client - Créer un compte puis choisir une offre et souscrire

Cas d’usage : après avoir finalisé l’inscription, la grille tarifaire est affichée afin que l’utilisateur puisse sélectionner une offre et s’abonner.

Ce scénario repose sur quelques lignes de script.

Étape 1 – Afficher la grille des offres

Installez la grille des offres de la même manière que le Portail Client, avec le paramètre customer_ref.

Ajoutez la librairie JavaScript dans la balise <head> de votre page.

<script src="https://portal.proabono.com/Get/portal.js"></script>

Placez une balise <div> dans la page à l’endroit où vous souhaitez afficher la grille tarifaire.

<div id="proabono_portal">chargement...</div>

Puis chargez la grille tarifaire.

<script>
  ProAbonoPortal.open({
    business_id: 42,
    segment_ref: "demo-eur",
    customer_ref: "cust-42",
    customer_name: "John Doe", // optionnel
    customer_lang: "en", // optionnel
    hash: "{SecurityHash}", // optionnel en sandbox
  });
</script>

Note

Si aucun client ne porte la référence indiquée par customer_ref dans ProAbono, le client est créé automatiquement dans le segment indiqué par segment_ref avant l’affichage de la grille des offres. Le nom et la langue indiqués par customer_name et customer_lang sont enregistrés sur ce client lorsqu’ils sont fournis. Aucune requête de création du client n’est donc nécessaire au préalable.

Plus d’informations et de paramètres supplémentaires dans cet article.

C’est tout. Une seule étape. La grille des offres s’affiche et le client peut sélectionner une offre et s’abonner.