---
title: How to open DSN Web Page in Target VEC
slug: docs/how-to-open-dsn-web-page-in-target-vec
docTags: 
createdAt: 2024-11-27T08:08:28.309Z
---

The website created in DSN, requires authentication, which makes it harder to use with Target VEC because it will keep redirecting to the login form.&#x20;

****

:::hint{type="info"}
**It is recommended to have the DSN website open in the second tab, it will help with opening the page in VEC without the need to login with Adobe ID.**
:::



If it doens't work you can try the old way:

1\) Open your web project and create a link for sharing. To do that:

&#x20;a) Click the "Share" button under the project

![](https://api.archbee.com/api/optimize/RqpBF32LrA0vzAhJTN80f-DkQ3-KirXrEkG-rtV6BJG-20241127-103804.png)

b) Click "Generate Link" button under Temporary Link. This will generate a link for sharing, which contains a token to bypass authentication.

![](https://api.archbee.com/api/optimize/RqpBF32LrA0vzAhJTN80f-qv8QFyEiGrHm9gPg9YdjG-20241127-104446.png)

c)  Copy the new link

2\) Go to Adobe Target. Create a new Activity (experience or A/B Test). As the activity URL paste the link copied above.

If the URL is highlighted in red it means it's too long for Target to process. You can use some link shortener like tinyurl.com

![](https://api.archbee.com/api/optimize/RqpBF32LrA0vzAhJTN80f-VVwWVmHGLXyrgDRPCE_Z6-20241127-105830.png)

If your page does not load, please check your Target settings. Go to administration and make sure that the "enable enhanced experience composer" and "load mixed content" switches are set to on.

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

3\) After the page will load make your modifications.&#x20;
If you need any help take a look at this link:
[https://experienceleaguecommunities.adobe.com/t5/experience-platform-edge-alpha/assignment-4-target-vec/ba-p/356026](https://experienceleaguecommunities.adobe.com/t5/experience-platform-edge-alpha/assignment-4-target-vec/ba-p/356026)


Sample HTML Offer to update the banner for interested in Women's category Audience

:::Iframe{iframeHeight="0" code="<div class='container'>&#xA;          <div class='row align-items-center'>&#xA;            <div class='col-lg-12'>&#xA;              <div class='banner_slider' style={{ width: '1140px' }}>&#xA;                <div class='single_banner_slider'>&#xA;                  <div class='row'>&#xA;                    <div class='col-lg-6 col-md-8'></div>&#xA;                    <div class='col-lg-5 col-md-8' style=' z-index: 100'>&#xA;                      <div class='banner_text'>&#xA;                        <div class='banner_text_iner'>&#xA;                          <h1 style='color:black'>&#xA;                            Our Women's Area&#xA;                          </h1>&#xA;                          <p style='color:black'>&#xA;                           Find out more about how women lead the Luma Lifestyle&#xA;                          </p>&#xA;                          <Link&#xA;                            to='category'&#xA;                            className='btn_1'&#xA;                            style={{&#xA;                              backgroundColor:&#xA;                                state.branding.primaryColor || '#1979c3'&#xA;                            }}>&#xA;                            &#xA;                          </Link>&#xA;                        </div>&#xA;                      </div>&#xA;                    </div>&#xA;                    <div class='banner_img d-none d-lg-block'>&#xA;                      <img&#xA;                        src='https://contentviewer.s3.amazonaws.com/helium/women_banner.jpeg?w=780&h=408&crop=1'&#xA;                        alt=''></img>&#xA;                    </div>&#xA;                  </div>&#xA;                </div>&#xA;              </div>&#xA;            </div>&#xA;          </div>&#xA;        </div>"}

:::

Sample HTML Offer to update the banner for interested in Men's category Audience

:::Iframe{iframeHeight="0" code="<div class='container'>&#xA;          <div class='row align-items-center'>&#xA;            <div class='col-lg-12'>&#xA;              <div class='banner_slider' style={{ width: '1140px' }}>&#xA;                <div class='single_banner_slider'>&#xA;                  <div class='row'>&#xA;                    <div class='col-lg-6 col-md-8'></div>&#xA;                    <div class='col-lg-5 col-md-8' style=' z-index: 100'>&#xA;                      <div class='banner_text'>&#xA;                        <div class='banner_text_iner'>&#xA;                          <h1 style='color:white'>&#xA;                            Luma mens area&#xA;                          </h1>&#xA;                          <p style='color:white'>&#xA;                           SEE HOW MEN ARE LEADING THE LUMA LIFESTYLE&#xA;                          </p>&#xA;                          <Link&#xA;                            to='category'&#xA;                            className='btn_1'&#xA;                            style={{&#xA;                              backgroundColor:&#xA;                                state.branding.primaryColor || '#1979c3'&#xA;                            }}>&#xA;                            &#xA;                          </Link>&#xA;                        </div>&#xA;                      </div>&#xA;                    </div>&#xA;                    <div class='banner_img d-none d-lg-block'>&#xA;                      <img&#xA;                        src='https://contentviewer.s3.amazonaws.com/helium/men_banner.jpeg'&#xA;                        alt=''></img>&#xA;                    </div>&#xA;                  </div>&#xA;                </div>&#xA;              </div>&#xA;            </div>&#xA;          </div>&#xA;        </div>"}

:::

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



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

4\. Modify the page URL to remove the token.

&#x20;   a. Click the "gear" icon in the toolbar

&#x20;   b. Choose "Page delivery"

![](https://docs.adobedemo.com/~gitbook/image?url=https%3A%2F%2F3295630118-files.gitbook.io%2F%7E%2Ffiles%2Fv0%2Fb%2Fgitbook-legacy-files%2Fo%2Fassets%252F-MMLrO7TweNFMn8PgeVh%252F-MaVAZ-ahMBo20cM6VNW%252F-MaVBWGdHkaIosIChLCU%252Fimage.png%3Falt%3Dmedia%26token%3D48aa0dea-b7db-4542-84a9-7866d7de312a\&width=768\&dpr=4\&quality=100\&sign=37210048\&sv=1)

&#x20;   c. Click on additional template rules

&#x20;   d. select URL contains and add your project url without token - it can also be just the project ID

![](https://docs.adobedemo.com/~gitbook/image?url=https%3A%2F%2F3295630118-files.gitbook.io%2F%7E%2Ffiles%2Fv0%2Fb%2Fgitbook-legacy-files%2Fo%2Fassets%252F-MMLrO7TweNFMn8PgeVh%252F-MaVAZ-ahMBo20cM6VNW%252F-MaVBXtY1OI1U45xtKnA%252Fimage.png%3Falt%3Dmedia%26token%3Dac85676e-7c72-46c5-a50b-c9b870c501fb\&width=768\&dpr=4\&quality=100\&sign=3c104d9e\&sv=1)

5\. Follow the activity configuration

![](https://docs.adobedemo.com/~gitbook/image?url=https%3A%2F%2F3295630118-files.gitbook.io%2F%7E%2Ffiles%2Fv0%2Fb%2Fgitbook-legacy-files%2Fo%2Fassets%252F-MMLrO7TweNFMn8PgeVh%252F-MaVAZ-ahMBo20cM6VNW%252F-MaVBdRmNNT9xkuDSvi4%252Fimage.png%3Falt%3Dmedia%26token%3D3d0bce84-272f-4f24-8473-be4fb8f25645\&width=768\&dpr=4\&quality=100\&sign=916802c4\&sv=1)

6\. Activate and test your activity
