# Integrate Launchpad
If your App is confidential you can use this tutorial to integrate the launchpad:
Add
<script src="https://launchpad.zaikio.com/launchpad.js"></script>
to your HTML to load the launchpad script.After this code you can initialise the launchpads like this:
if (window.zaiLaunchpad) {
window.zaiLaunchpad.setup({
loadPersonData: () => {
return fetch('/current_person.json').then(response => response.json());
},
directoryHost: 'https://hub.sandbox.zaikio.com', // optional host, you can specify the sandbox for your test environment
activeOrganizationId: activeOrganizationId, // The currently active organization or null if the user is selected
activeAppName: 'your_app_name', // The currently active app, so the name of your app
onSelectOrganization: organization => {
if (organization) {
// your code
} else {
// Person was selected
// your code
}
},
helpMenu: [
{
label: 'Ask us a question',
onClick: () => {
// custom JS behavior
},
},
{
divider: true,
},
{
label: 'Developer Hub',
url: 'https://docs.zaikio.com/',
},
]
});
}
- Add an endpoint to your app that is called
current_person.json
that returns the same data asapi/v1/person.json
(see Zaikio Hub API Specification). This encapsulation is required so that the JSON Web token is not exposed.