---
title: Mobile App
slug: lab-checkout/mobile-app
description: >-
docTags: 
createdAt: 2024-01-30T23:03:21.354Z
---

We've created a mobile app for our demo brand Luma. To fully enjoy the Hands-on Lab experience, we recommend downloading and setting up this app.

# App installation

Download the Mobile app using the QR code on your phone.

:::::Tabs
::::Tab{title="iOS"}
**iOS - 1.3.5**

*Scan this QR code on your mobile device*

::Image[]{src="https://api.archbee.com/api/optimize/1Jp0iolWv35Z_mkI7oUiT/1ofkzIu7x2yX-mcAyB49D_.blob" size="40" width="256" height="256" isUploading="false" darkWidth="256" darkHeight="256" showCaption="false"}

:::hint{type="warning"}
- Navigate in your phone to **Settings > General > Device Management > Adobe Systems Inc **and click `Trust Adobe Systems Inc`.
:::
::::

:::Tab{title="Android"}
**Android - 1.3.3**

*Scan this QR code on your mobile device*

::Image[]{src="https://api.archbee.com/api/optimize/1Jp0iolWv35Z_mkI7oUiT/mXwR5d_fUFfbxCmXI9oe__.blob" size="40" width="256" height="256" isUploading="false" darkWidth="256" darkHeight="256" showCaption="false"}
:::
:::::

## First launch

When you launch the app for the first time, you'll be prompted to log in with your Adobe ID. Use:

- ** Username**: `retail-one_u{{USER_NUMBER}}@emea.aephandsonlabs.com` .
- **Password**: `{{PASSWORD}}`

If you are asked to select an organization, select **DEMO POT EMEA** from the list.

The app can prompt you several requests, for example to **allow push notifications** and **allow the use of GPS**. Allow all requests when prompted.

## Configuring the app

To load the Luma content, you'll need to import a custom project.

- Navigate to Settings in the bottom menu
- In Choose a project select **Custom ** and type the project ID 
  bouttier-BJV9 .
- Click **Save**.
- Your app should now reload and show the Luma demo app.

## Showing the Real-time Customer Profile on the app

In the mobile app you can look at the Real-time Customer Profile, as shown on the Luma website. To show the panel, click:inlineImage[]{src="https://api.archbee.com/api/optimize/1Jp0iolWv35Z_mkI7oUiT/wNM1RjZk6BYpyXM-70ASP-20260423-093140.png" alt caption width="980" height="980"}in the top right corner.



::Image[]{src="https://api.archbee.com/api/optimize/1Jp0iolWv35Z_mkI7oUiT/2jYa1gJ0Dgo487_jKarHs_image.png" size="50" isUploading="false" width="1170" height="2532" darkWidth="1170" darkHeight="2532" showCaption="false"}