---
title: Work with ATM Screen on your own sandbox
slug: docs/work-with-atm-screen-on-your-own-sandbox
docTags: 
createdAt: 2025-04-29T13:44:52.656Z
---

::::VerticalSplit{layout="middle"}
:::VerticalSplitItem
To set up a new experience to connect within our ATMs screens :

*Start on home screen >>> click on Campaigns >>> click on Create campaign*
:::

:::VerticalSplitItem


![](https://api.archbee.com/api/optimize/bAgVaanSi1tFmfc8PghaH/LpjXuOn2zHiNyBRht_85y_screenshot-2024-04-06-at-124850-am.png)



![](https://api.archbee.com/api/optimize/bAgVaanSi1tFmfc8PghaH/fh_b5Xc-_2RjZ96c6wXxL_screenshot-2024-04-06-at-124913-am.png)




:::
::::



::::VerticalSplit{layout="middle"}
:::VerticalSplitItem
Select Code Based Experiences while creating a new Campaign. When selecting it, enter a sample URI to link to demo ATM. 

*Click on Code-Based Experience >>> Enter the URI to link to the demo ATM screen >>> Click Create*
:::

:::VerticalSplitItem


![](https://api.archbee.com/api/optimize/bAgVaanSi1tFmfc8PghaH/S2vteyNFgUK5Yp8hRieFb_screenshot-2024-04-06-at-125011-am.png)
:::
::::

::::VerticalSplit{layout="middle"}
:::VerticalSplitItem
Fill out the metadata for this campaign. Provide a simple name for this experience. Keep the audience and identity type as is. Before setting up the content, create an experiment to test between different experiences. 

*Enter a name of “ATM Experience” >>> Click Create Experiment*
:::

:::VerticalSplitItem


![](https://api.archbee.com/api/optimize/bAgVaanSi1tFmfc8PghaH/blFQg4TMzW4YjdgQkkN9s_screenshot-2024-04-06-at-125807-am.png)
:::
::::

::::VerticalSplit{layout="middle"}
:::VerticalSplitItem
Marketers have the option to define their preferred metric for success such as impressions or interactions. Keep the success metric the same and add another treatment to create a 50-50 split. 

*Click Add Treatment >>> Click Create*
:::

:::VerticalSplitItem


![](https://api.archbee.com/api/optimize/bAgVaanSi1tFmfc8PghaH/XXTJx9OXHfCfmpYlmoFZ1_screenshot-2024-04-06-at-125952-am.png)
:::
::::

::::VerticalSplit{layout="middle"}
:::VerticalSplitItem
Go ahead and add the content. Both the treatments available for editing. Start by editing Treatment A. 

*Click Edit Content >>> Click Edit Code*
:::

:::VerticalSplitItem


![](https://api.archbee.com/api/optimize/bAgVaanSi1tFmfc8PghaH/0vjFs5yMuB_6zgj0Y2Y3G_screenshot-2024-04-06-at-10042-am.png)





![](https://api.archbee.com/api/optimize/bAgVaanSi1tFmfc8PghaH/M8bWPlhjm0LrySQ2DE-Ii_screenshot-2024-04-06-at-10126-am.png)


:::
::::





::::VerticalSplit{layout="middle"}
:::VerticalSplitItem
Within the editor, define the content either as HTML or as JSON. For demo purposes we will use JSON. For this demonstration, will keep the payload simple and pass only an image and text. We have full access to all the personalization options available within Adobe Journey Optimizer. 

For this example, we will include the customer’s first name to personalize this message. 

*Switch mode to JSON >>> Click on the screen to add in the following full code: *

\{

"title": "SecurFinancial Bistro Banking",
"image":"[https://demo-system-next.s3.amazonaws.com/assets/securfinancial/BistroBanking.jpeg](https://demo-system-next.s3.amazonaws.com/assets/securfinancial/BistroBanking.jpeg)",
"text":"{{profile.person.name.firstName}}, did you know SecurFinancial has Bistro Banking"
} 

*Click Save and close*
:::

:::VerticalSplitItem


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

::::VerticalSplit{layout="middle"}
:::VerticalSplitItem
Preview this experience to confirm that the personalization is working. 

*Click on Simulate Content *
:::

:::VerticalSplitItem


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



![](https://api.archbee.com/api/optimize/bAgVaanSi1tFmfc8PghaH/wZfM-uNg3-Erh8mpuTupL_image.png)
:::
::::





::::VerticalSplit{layout="middle"}
:::VerticalSplitItem


Personalize the experience for the other treatment.

*Click on Treatment B >>> Click on Edit Code*

Add a straightforward alternate offer of 3 monthly transactions.

*Click on the screen to add in the following full code: *

\{

"title":"Unlock Freedom with SecurFinancial",
"image":"[https://demo-system-next.s3.amazonaws.com/assets/securfinancial/offers.png](https://demo-system-next.s3.amazonaws.com/assets/securfinancial/offers.png)",
"text":"{{profile.person.name.firstName}}, 3 free monthly transactions, use Securfinancial ATM anywhere hassle-free!"
}

*Click Save and close*
:::

:::VerticalSplitItem




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



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

::::VerticalSplit{layout="middle"}
:::VerticalSplitItem
There is an option to schedule the start and end dates for this content is shown. In this case we are going to choose to keep this campaign active until it is manually stopped. 

*Click Review to Activate >>> *















*Click Activate*
:::

:::VerticalSplitItem




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



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

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