---
title: Mock Booking Flow
slug: cebu/mock-booking-flow
docTags: 
createdAt: 2026-06-26T04:09:27.402Z
---

Before we dive into how we configure the experience, you should experience it yourselves as a customer. &#x20;

In this exercise you'll run through the mock booking flow and create your guest profile. &#x20;

## Visit the Website&#x20;

Open the following website in an incognito browser: [https://dsn.adobe.com/p/cebu](https://dsn.adobe.com/p/cebu)

We've added to the site a debugging widget so you can see Adobe Experience Platform understands about the current customer.  &#x20;

1. Click the Adobe logo icon in the top left corner of your screen to open the **REAL TIME CUSTOMER PROFILE** viewer.
2. Notice the **Experience Cloud ID** within **IDENTITIES**.  The Experience Cloud ID or ECID is Adobe's first party cookie id, currently this is all we know about you since this is the first time you've visited the site. &#x20;

![](https://api.archbee.com/api/optimize/1Jp0iolWv35Z_mkI7oUiT/M2bVAG6LDnAUGZW3SVZJ3_image.png)

3. Search for a flight to **Singapore** or **Bangkok&#x20;**&#x75;sing the search widget.&#x20;

![](https://api.archbee.com/api/optimize/1Jp0iolWv35Z_mkI7oUiT/Xfoi_AHNGJumF2TkrHngw_image.png)

4. Every interaction on the site is being tracked you can see these events as they're recorded.  Open the debugger and switch to the **Events** tab. &#x20;

![](https://api.archbee.com/api/optimize/1Jp0iolWv35Z_mkI7oUiT/9bI7zhAkHUOpUDd84uVfl_image.png)

5. Continue and select the flights you want to take, you'll be taken to the checkout page.   A flight selection event will be recorded against your profile.&#x20;

![](https://api.archbee.com/api/optimize/1Jp0iolWv35Z_mkI7oUiT/lE9vxNoGCA2JFl64rCYDP_image.png)

6. You've also qualified into 2 real-time audiences, you can see these on the profile tab - although sometimes it can take a minute or so for the audiences to reflect so don't panic if you don't see audiences here - this won't stop them working!  &#x20;

![](https://api.archbee.com/api/optimize/1Jp0iolWv35Z_mkI7oUiT/zF-BWzVcTuNSCbYluWjba_image.png)

7. Return to the home page now without completing your flight booking.  Your experience is updated - the first content card has been modified to either Bangkok or Singapore.  &#x20;

![](https://api.archbee.com/api/optimize/1Jp0iolWv35Z_mkI7oUiT/Z16Vj0CiAfppEYOiH5GrM_image.png)

8. Search again for your flights and return to your checkout page.   Scroll to the bottom and select the ancillaries you would like to add - DO NOT ADD THE MEAL.  The ancillaries are added to your trip details.  &#x20;

![](https://api.archbee.com/api/optimize/1Jp0iolWv35Z_mkI7oUiT/FzcKBVfkK4TmKk1EcaP4K_image.png)

9. Click to complete your booking and add your guest details. &#x20;

![](https://api.archbee.com/api/optimize/1Jp0iolWv35Z_mkI7oUiT/IB2Gw-8-RWyyqHiqDlmiQ_image.png)

10. You are returned to the home page automatically and the experience is once again updated to replace the content card with a meal offer. &#x20;

![](https://api.archbee.com/api/optimize/1Jp0iolWv35Z_mkI7oUiT/tjbHY2kFFLfEM-p-34tLl_image.png)

11. Opening the debugger again you can see the anonymous ECID is now stitched with known customer data and your audiences have updated. &#x20;

![](https://api.archbee.com/api/optimize/1Jp0iolWv35Z_mkI7oUiT/2PRh_CTW0N5_ciIx2cUqh_image.png)

:::hint{type="success"}
**Congratulations!&#x20;**

Your booking is now finalised and you've seen how Adobe collects behavioural events and qualifies customers into audiences in realtime allowing for same page and next page personalisation.&#x20;
:::



