Comment intégrer le "Portail Client" (2/2)
Contexte
Section titled “Contexte”Par défaut, les liens générés par ProAbono renvoient vers une version non intégrée du “Portail Client”
(ex : https://mon-app.proabono.com/subscribe-offer/{SubscribeToken}).
Mais, si vous renseignez l’URL de la page, votre application intégrant le portail client ProAbono
(ex : https://mon-app.com/ma-page)
alors ProAbono sera en mesure de rediriger directement les clients vers le “Portail Client” intégré
(ex : https://mon-app.com/ma-page?crylk=https%3a%2f%2fmon-app.proabono.com%2fsubscribe-offer%2f{SubscribeToken})
Prérequis
Section titled “Prérequis”Avoir intégré le portail client dans votre service/application.
Si vous ne l’avez pas encore fait : Comment intégrer le “Portail Client” (1/2).
Procédure
Section titled “Procédure”1. Renseignez l’URL
Section titled “1. Renseignez l’URL”Depuis le backoffice ProAbono :
- Cliquez sur le bouton « Paramètres » du menu de gauche.
- Cliquez sur « Portail client » dans la section « Pages hébergées »
Renseignez l’URL correspondant à la page qui intègre le “Portail Client” dans le champ URL du portail intégré.
2. Rajoutez la récupération du lien pour un appel extérieur
Section titled “2. Rajoutez la récupération du lien pour un appel extérieur”Vous devez ajouter un bout de code permettant de charger le portail client non plus depuis une requête à ProAbono, mais depuis les paramètres d’URL.
En effet, lorsque ProAbono construit un lien vers cette page (ex : dans les liens inclus dans les e-mails envoyés par ProAbono), vous trouverez le paramètre d’URL “crylk” qui contient le lien direct vers le portail client du bon client.
Exemple : https://mon-app.com/ma-page?**crylk=https%3a%2f%2fmon-app.proabono.com%2fsubscribe-offer%2f{SubscribeToken}**
vous n’avez plus qu’à récupérer la donnée : https%3a%2f%2fmon-app.proabono.com%2fsubscribe-offer%2f{SubscribeToken}
Le paramètre étant URL encodé, vous devez la décoder : https://mon-app.proabono.com/subscribe-offer/{SubscribeToken}
Et enfin l’utiliser en tant que source dans l’IFrame:
<iframe src="https://mon-app.proabono.com/subscribe-offer/{SubscribeToken}" style="width: 100%; height: 700px; border: 0;" title="Parcours d’abonnement ProAbono"></iframe>Si le paramètre crylk n’existe pas ou n’est pas valide, vous pouvez toujours continuer d’utiliser le lien retourné grâce à un appel à l’API Customer.