Contexte
Vous pouvez personnaliser l’accès au widget dans votre application en déclenchant l’ouverture de celui-ci depuis n’importe quel bouton.
Dans l’exemple ci-dessous, le bouton « souscrire » présent sur la page d’accueil du site MyService ouvre le widget. L’utilisateur n’ayant pas encore d’abonnement, le widget affiche la page de présentation des offres, qui est le point d’entrée dans le tunnel de souscription.
Procédure
1/ Masquer le Widget
Dans les paramètres de démarrage, définissez la propriété visible : false
2/ Déclencher l’ouverture du Widget
- Créer votre bouton
- Déclenchez l’ouverture au click
<button onClick="window.ProAbono.open()"> S'abonner </button>
- Si l’utilisateur n’est pas encore abonné, le widget affiche la page de présentation des offres.
- Si l’utilisateur est déjà abonné, le widget affiche le portail client
Détecter si le client est abonné (facultatif)
Si vous avez besoin de savoir si l’utilisateur est abonné ou non (avant ou après l’affichage du widget), il est possible de récupérer cette information.
Utilisez la fonction window.ProAbono.isSubscriber().
var isSubscriber = window.ProAbono.isSubscriber();
Si le résultat est :
- true : l’utilisateur a un abonnement en cours de validité
- false : l’utilisateur n’a pas ou plus d’abonnement valide
- null : l’information n’est pas encore disponible
À noter : cette fonction peut prendre quelques instants en fonction du temps de chargement du Widget et de la vitesse de connexion interne de l’utilisateur.