---
title: Demo System Next Tutorial - B2C
slug: docs/demo-system-next-tutorial-b2c
docTags: 
createdAt: 2023-08-24T09:35:35.704Z
---

:::hint{type="info"}
**This tutorial aims to teach users how to prepare a live presentation/demo/training assets using Adobe Experience Cloud and Demo System Next. **
:::

You can either follow each step or select the useful topics for you and your scenarios. You can always come back and try or learn new things. 



For the live presentation on your website, you can use the DSN website templates or a live customer website. We recommend trying both and choosing the one that best fits your needs. Tagging and using customer websites makes a big impression on the site owners but might be too complicated for the new learners. The required step in the tutorial is step 1. It is mandatory to have your sandbox set up and ready with the right data structure. However, all remaining steps (3-22) can be combined with both approaches. **Don't hesitate to mix and match**.

1. [Step 1 - Preparing Demo Environment](docId\:OuU4KkwqTYmhd_Ev8ONti) 
   1. [Retail demo environment for External Website](docId\:AtrRAYzfRiyF_CgXn-IOs) 
2. [Step 2 - Send live data to AEP using Website](docId\:iKoj4CxF1a-NDb_W1N1MA) 
   1. [Send live data to AEP using Website](docId\:PkgYA_RSD-Ebswm8CRA8y) 
   2. [Mobile App - Send live mobile app data to AEP](docId\:gDK-i60uuWN8CwHC6axPS) 
3. [Step 3 - Modify the website](docId\:tTML9S16RAqMVFJfwHmlE) 
4. [Step 4 - Modify Profile Viewer Fields](docId\:w-FQT6oofDM0DS2C5-_WK) 
5. [Step 5 - Modify mobile app](docId\:EwzIiGxGUbMv5ZCTAEjT3) 
6. [Step 6 - Add Customer Experience App](docId\:fnnwZEA_zrmtMZB_wWXqK) 
7. [Step 7 - Personalization](docId\:zEP408jyHTAXcLTWbAG7z) 
   1. Target
      1. [Target - Website](docId\:IMz7yGeoci3e3ukjSN_LQ) 
      2. [Target - External Website](docId\:rV4y7N_Yhm50WFsf5t_Cj) 
      3. [Target - Mobile App](docId\:aw060ti6dfbees4IEavPN) 
      4. [Share AEP Audiences with Target (Target Destinations)](docId\:zWz4yoEFtXNscBKe9AWRv) 
   2. AJO Code Based Experineces
      1. [Web - AJO Code Based Experiences](docId\:psPAv5gdVOu_fYK2HRRO5)
      2. [Mobile- AJO Code Based Experiences](https://dsn.adobe.com/docs/Ou8m-mobile)
   3. AJO [Web Channel](docId:1aTBDqFGMdlP8K3H2beDL) 
8. [Step 8 - Add Chatbot](docId\:bXI5f102ty6OhE1pJ7eo9) 
9. [Step 9 - Add Customer Journey Analytics (CJA)](docId\:fE3DX5eOKjhe-nnEVhV66) 
10. [Step 10 - Add event forwarding](docId\:u26yH51I0zUvh_puFS2tz) 
11. [Step 11 - Build/Use Audiences](docId\:lbt8TtAIwzrKAUs9fM7rf) 
12. [Step 12 - Use Golden Profiles](docId\:zPGCX3mPTkz0rLE4p1ytc) 
13. [Step 13 - Generate profile and events data](docId\:C_vOAtKcbIqtT3w_SrtM7) 
14. [Step 14 - Add Analytics to your website](docId\:eq6tnZ32DsBmzUReAhhOW) 
15. [Step 15 - Add Call Center (Twilio) Experience](docId\:vs6K5DTads3wlWNR3Wo1a) 
16. [Step 16 - Add Predictive Lead and Account Scoring (PLAS)](docId\:QTl3Z2ZDx0ZZMP4LgdQgS) 
17. [Step 17 - Add in-app](docId\:OPTE3dioGJf8ZRw0AXxK9) 
18. [Step 18 - Add push message in the mobile app- DEPRECATED](docId\:FgANpWlQnFoeurLV1jzbm) 
19. Step 19 - Add custom event - newsletter example
20. [Add Content Cards on a website and mobile app](docId\:DO7qon_B5FKTRUzxx4sVH)