OVERVIEW
Account login and creation can be customized with specific declaration in a json passed in the url.
Account login
https://login.accor.com/as/authorization.oauth2?client_id=com.adagio&....&ui={json}
Account creation
Parameter ui :
| Name | Description | Example | Default value | Recommandation |
|---|---|---|---|---|
| brand.name | Partner Brand name | ADAGIO |
|
Used for the accessibility. Add the text on the logo for screen readers |
| brand.logoSrc | Partner logo url | https://www.adagio-city.com/sites/default/files/2020-05/logo-rouge-ori.jpg | If possible, use a SVG format and no margin around the logo | |
| brand.logoWidth | Logo witdh in px. Height is set to auto | 300 | ||
| rememberMeDisplay | Display the Remember me checkbox | true | true | |
| buttonRegisterDisplay | Display the registration link or the log in link | true | true | |
| socialNetworkDisplay | Display social network icons | false | true | |
| styles.primaryButtonBackgroundColor | Button Log in background color | #D50032 | #068484 | |
| styles.primaryButtonColor | Button Log in text color | #FFFFFF | #FFFFFF | |
| backgroundImage | Background image | https://www.adagio-city.com/sites/default/files/styles/block_pushes_item/optimicdn/2023-07/Coeur%20des%2… | No background image |
|
Exemple of Account login customization
Exemple of Account creation customization
Example of JSON :
{
"brand": {
"name": "ADAGIO",
"logoSrc": "https://www.adagio-city.com/sites/default/files/2020-05/logo-rouge-ori.jpg",
"logoWidth": 300
},
"rememberMeDispaly": true,
"buttonRegisterDisplay": true,
"socialNetworkDisplay": false,
"styles": {
"primaryButtonBackgroundColor": "#D50032",
"primaryButtonColor": "#ffffff"
},
"backgroundImage": "https://www.adagio-city.com/sites/default/files/styles/block_pushes_item/optimicdn/2023-07/Coeur%20des%20villes.webp"
}