---
title: Using Target
slug: docs/using-target
docTags: 
createdAt: 2024-06-03T19:28:04.489Z
---

The DX Demo App has Adobe Mobile SDK that allows to show Adobe Target in action. Please follow the below docs to build your demonstration.

:::hint{type="info"}
The app allows not only swapping e.g. banner image but completely change the app layout, move components around, change logo and app styles
:::

### Prerequisites

1. A mobile project created connected to your IMS ORG - check the integrations tab to make sure the app will send data to the proper instance. If you dont have a project, create a new mobile project e.g. [https://dsndocs.adobe.com/docs/retail-demo-environment ](https://dsndocs.adobe.com/docs/retail-demo-environment)
2. A mobile property created in Data Collection
3. Edit access to Target
4. Audiences created and shared with Target. [How to use AEP Audiences in Target using Destinations](docId\:zWz4yoEFtXNscBKe9AWRv)
5. DX Demo app installed and connected to your project.



### Steps:

::::VerticalSplit{layout="middle"}
:::VerticalSplitItem
1. Go to [https://dsn.adobe.com/](https://dsn.adobe.com/) and open your mobile project. Make sure the "Screens" tab is selected.


:::

:::VerticalSplitItem


![](https://api.archbee.com/api/optimize/bAgVaanSi1tFmfc8PghaH/QU-3chDMAkOaSlEI6b228_image.png)
:::
::::

::::VerticalSplit{layout="middle"}
:::VerticalSplitItem
2\. Select the screen that you want to use personalize (each screen can be personalized separetly using different mbox name). 

For the purpose of this example we will personalie the Home screen. Select it in the UI so that the screen details would be visible on the right.

Expand Personalization section on the right.


:::

:::VerticalSplitItem




![](https://api.archbee.com/api/optimize/bAgVaanSi1tFmfc8PghaH/LlEQ-XY9TpF153N2hmcrL_image.png)
:::
::::

::::VerticalSplit{layout="middle"}
:::VerticalSplitItem
3 Select Adobe Target

Provide the mbox name, make it unique e.g. your project name + screen name

Clicking on "Sample offer content" will display a sample you can use in your Personalization Activity. You can change the content manually by updating the fields and json structure.
:::

:::VerticalSplitItem


![](https://api.archbee.com/api/optimize/bAgVaanSi1tFmfc8PghaH/2i_Hk5TsSOY3SJnvGee0b_image.png)



![](https://api.archbee.com/api/optimize/bAgVaanSi1tFmfc8PghaH/SdX3GNoWO8-WtjM042lq3_image.png)
:::
::::



::::VerticalSplit{layout="middle"}
:::VerticalSplitItem
Prepare your Experience Targeting Activity in Target.
:::

:::VerticalSplitItem


![](https://api.archbee.com/api/optimize/bAgVaanSi1tFmfc8PghaH/6xDvibIdpjWn6w9fW0t2T_image.png)
:::
::::

::::VerticalSplit{layout="middle"}
:::VerticalSplitItem
Choose a location (one or more) - depending on how many mboxes you have set up in your mobile project. Your mbox name won't be probably available in the UI at this moment, type the same name manually that you used in step 2.
:::

:::VerticalSplitItem


![](https://api.archbee.com/api/optimize/bAgVaanSi1tFmfc8PghaH/ZRz4fSjZ1xHYe5qzXulQL_image.png)
:::
::::

::::VerticalSplit{layout="middle"}
:::VerticalSplitItem
5\. Add more Audiences and appropriate experiences. Create json offers for them with proper content updates.
:::

:::VerticalSplitItem


![](https://api.archbee.com/api/optimize/bAgVaanSi1tFmfc8PghaH/FxTU6eINpErTECGAX3R5F_image.png)
:::
::::

::::VerticalSplit{layout="middle"}
:::VerticalSplitItem
6\. Publish the activity to make it live.
:::

:::VerticalSplitItem


![](https://api.archbee.com/api/optimize/bAgVaanSi1tFmfc8PghaH/6jwRZzX3Ddc3yJ0SGVHR9_image.png)
:::
::::





Learn more: [How to prepare advanced mobile screen experience](docId\:s0kq8rt_jLPR1jF2GP3MJ) 



1. [Mobile Experience Targeting](docId:7UbKD5eVUlzE9UNzkbaUw)
2. [Mobile A/B Test](docId:7xXYbb0n1w6gplzu15NNW)



SDK that is included in the mobile app: [https://github.com/adobe/aepsdk-react-native](https://github.com/adobe/aepsdk-react-native)