Comment intégrer le "Portail Client" (1/2)
Procédure
Section titled “Procédure”1. Récupérez les informations de votre client
Section titled “1. Récupérez les informations de votre client”Pour pouvoir afficher le portail dans le contexte de votre client. Il vous suffit de faire l’appel API: Create a customer
Requête
POST /v1/Customer{ "ReferenceCustomer": "cust-42", "Name": "John Doe", "Email": "john@doe.com", "Language": "en"}2. Récupérez le lien reçu depuis le retour de la requête
Section titled “2. Récupérez le lien reçu depuis le retour de la requête”Si tout s’est bien passé, la réponse à cette requête vous retourne les informations de votre client avec en plus un attribut “Links”.
Réponse
{ "Id": 133700, "ReferenceCustomer": "cust-42", "ReferenceSegment": "demo-eur", "Name": "John Doe", "Email": "john@doe.com", "Language": "en", "Links": [ { "rel": "hosted-collection-offers", "href": "https://demo-eur.proabono.com/pricing/{PricingToken}" }, { "rel": "hosted-home", "href": "https://demo-eur.proabono.com/portal/{PortalToken}" } ]}Copiez l’URL contenu dans le champ “href” du lien “hosted-home”__. Celui-ci vous permettra d’afficher l’accueil du “Portail Client”. (ex : https://demo-eur.proabono.com/portal/{PortalToken})
Ces liens contiennent des URL cryptées et sécurisées, vous permettant d’insérer la page souhaitée dans votre propre site/application :
3. Insérez l’IFrame
Section titled “3. Insérez l’IFrame”Insérer le code suivant dans une page de votre application :
<iframe src="{hosted-home}" style="width: 100%; height: 700px; border: 0;" title="Portail client ProAbono"></iframe>En remplaçant {hosted-home} par le lien copié précédemment (ex : https://demo-eur.proabono.com/portal/{PortalToken}).
Si tout se passe bien, l’IFrame affichera les informations associées au client correspondant.