---
title: Web Channel
slug: docs/web-channel
docTags: 
createdAt: 2024-11-08T15:07:12.274Z
---

Journey Optimizer allows you to visually author and deliver personalized web experiences to your customers.

Through an intuitive visual interface, this capability allows you to modify your web properties easily in order to experiment, optimize and personalize your end-user campaigns.

:::hint{type="info"}
Experience League page about Web channel: [https://experienceleague.adobe.com/en/docs/journey-optimizer/using/channels/web/get-started-web?lang=en](https://experienceleague.adobe.com/en/docs/journey-optimizer/using/channels/web/get-started-web?lang=en)

Experience League page about configuring Web channel: [https://experienceleague.adobe.com/en/docs/platform-learn/implement-web-sdk/applications-setup/setup-web-channel](https://experienceleague.adobe.com/en/docs/platform-learn/implement-web-sdk/applications-setup/setup-web-channel)
:::

## Guide - How to configure Web channel using Demo System Next setup

### PREREQUISITS:

1. A configuration created with Quick Setup using e.g Luma (Basic) preset, all schemas, datasets, Data Collection and Data Stream should be created with that.
2. Datastream needs to be updated to support AJO. To check please go the Datastreams and find the one connected to your website (If you don't see your datastream, make sure proper sandbox is selected in the top right corner)

::Image[]{src="https://api.archbee.com/api/optimize/bAgVaanSi1tFmfc8PghaH/3u8yaETcP-s9iSZh3UCz9_image.png" size="82" width="3448" height="1102" position="center" showCaption="false"}

Open the Datastream and make sure the "Adobe Journey Optimizer" checkbox is selected.

::Image[]{src="https://api.archbee.com/api/optimize/bAgVaanSi1tFmfc8PghaH/_oxZVaWDIn45PlGmAibcL_image.png" size="62" width="952" height="956" position="center" showCaption="false"}

3\. Configure the Web channel URL. Go to AJO --> Channels --> Create Channel Congigurations and provide the details for your page. Submit when it's done.



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



### STEPS:

1. Go to Adobe Journey Optimizer and click on Campaigns
2. Click "Create in the top right corner", Select "Scheduled" in the popup window.

::Image[]{src="https://api.archbee.com/api/optimize/bAgVaanSi1tFmfc8PghaH/DmDqUuWbc7InauP8GmDEk_image.png" size="54" width="932" height="1180" position="center" showCaption="false"}

4\. In the **Actions **section, choose the **Web channel**. As the **Web surface**, select **Page URL. **



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

5\. Click "Edit content" to modify the content per your needs. Click "Edit web page" if the website was successfully loaded.



::Image[]{src="https://api.archbee.com/api/optimize/bAgVaanSi1tFmfc8PghaH/mVaVrS_hFwtl6ux-YG_46_image.png" size="44" width="598" height="672" position="center" showCaption="false"}

In the below example we will update the banner to be suitable for the Men's Audience



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

6\. Click back arrow to go back to campaign.

7\. For the purpose of this scenario, you can select Audience for which this campaign will be activated. You can keep default so that campaign will be visible for all visitors



::Image[]{src="https://api.archbee.com/api/optimize/bAgVaanSi1tFmfc8PghaH/0VpkAMe6j45oCiFTFgGyj_image.png" size="68" width="1484" height="334" position="center" showCaption="false"}

8\. Click "Review to activate"



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

9\. Activate your campaign.



You can test working campaign on public luma project. Simply visit 3 men's products on [https://dsn.adobe.com/web/luma3](https://dsn.adobe.com/web/luma3/luma-plus) and then go to the Luma+ page [https://dsn.adobe.com/web/luma3/luma-plus](https://dsn.adobe.com/web/luma3/luma-plus) 

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



More info on Experience League: [https://experienceleague.adobe.com/en/docs/platform-learn/implement-web-sdk/applications-setup/setup-web-channel](https://experienceleague.adobe.com/en/docs/platform-learn/implement-web-sdk/applications-setup/setup-web-channel)