---
title: Configure a login page in Experience Builder
slug: experience/configure-a-login-page-in-experience-builder
description: In this article, you learn how to set up an internal login page in the Purple Experience Builder, by adding a login view into the views.json. Afterwards, you will create a preview version and merge the changes
docTags: 
createdAt: 2022-10-11T13:27:26.000Z
---

For the Purple Experience, you have the option to integrate an entitlement service besides other monetization options like subscriptions or coupon codes. 

In this article, you learn how to set up an internal login page in the Purple Experience Builder by adding a login view into the views.json. Afterward, you will create a preview version and merge the changes to make them available in your Purple App. 

***

## How-to guide

1\. Go to Experience Builder, choose your app from the list and click on it

![choose your app from the list and click on it](https://images.tango.us/workflows/4cb6b3e3-bc33-426b-a6ba-d235148a2d55/steps/05808e21-06a1-49f9-8dfc-7d52de505e91/26c2179b-4e0b-4c0f-8870-ca96e3bea33c.png?crop=focalpoint\&fit=crop\&fp-x=0.5000\&fp-y=0.5000\&fp-z=1.0000\&w=1200\&ar=2880%3A884)

2\. Click on 'Pull from preview'

::Image[]{src="https://api.archbee.com/api/optimize/ygR6KtT9QI_R0u3uKTJsm/1Dyut97ZVt4OfcGKBk1Pq_grafik.png" size="70" width="1518" height="658" position="center" alt="Click on 'Pull from preview'" showCaption="false"}

3\. Click on 'default'

![Click on 'default'](https://images.tango.us/workflows/4cb6b3e3-bc33-426b-a6ba-d235148a2d55/steps/ea617c3c-35de-4ad8-801c-d16576b49319/9e963a57-7866-4cbb-b9ef-a345297b6247.png?crop=focalpoint\&fit=crop\&fp-x=0.5000\&fp-y=0.5000\&fp-z=1.0000\&w=1200\&ar=2246%3A1128)

4\. Click on 'storefront'

![Click on 'storefront'](https://images.tango.us/workflows/4cb6b3e3-bc33-426b-a6ba-d235148a2d55/steps/8fac89fa-47a7-4f81-af06-5624e30c6672/6933da7d-46c0-4ba7-98b1-b232374481d1.png?crop=focalpoint\&fit=crop\&fp-x=0.5000\&fp-y=0.5000\&fp-z=1.0000\&w=1200\&ar=2330%3A1308)

5\. Click on 'assets'

![Click on 'assets'](https://images.tango.us/workflows/4cb6b3e3-bc33-426b-a6ba-d235148a2d55/steps/fc31528d-0250-4534-a7bc-1bf494263bc4/0d40e62b-c9fe-4d38-abd9-a1510196ddda.png?crop=focalpoint\&fit=crop\&fp-x=0.5000\&fp-y=0.5000\&fp-z=1.0000\&w=1200\&ar=2335%3A1312)

6\. Click on 'views.json'

::Image[]{src="https://api.archbee.com/api/optimize/ygR6KtT9QI_R0u3uKTJsm/lm33yRywRQoujuWIhV1Y0_0c0abaa8-d883-462a-bc96-f3a15b04b7db.png" size="48" width="822" height="1655" position="center" alt="Click on 'views.json'" showCaption="false"}

7\. Click on the '+' button

![Click on the '+' button](https://api.archbee.com/api/optimize/ygR6KtT9QI_R0u3uKTJsm/UiNJCw-tZ8Hv5GIo2gWhl_9d7dbd1a-274a-4f1c-8dc5-98f06013813a.png)

8\. Enter a view name and path name, e.g. 'login'

::Image[]{src="https://api.archbee.com/api/optimize/ygR6KtT9QI_R0u3uKTJsm/qVSnhul-lSlem6VRW_9eO_download.png" size="70" width="1956" height="1252" position="center" alt="Enter a view name and path name, e.g. 'login'" showCaption="false"}

9\. In content, click on the '+' button

::Image[]{src="https://api.archbee.com/api/optimize/ygR6KtT9QI_R0u3uKTJsm/Qz1yc51NOqyl53OEYfvTe_download-1.png" size="70" width="1964" height="1146" position="center" alt="click on the '+' button" showCaption="false"}

10\. Change the content to 'Login'

::Image[]{src="https://api.archbee.com/api/optimize/ygR6KtT9QI_R0u3uKTJsm/4h7uycqw7_5HIrvEYJx3Q_be3211a8-8992-40e8-8453-f51418857b53.png" size="70" width="1957" height="1406" position="center" alt="Change the content to 'Login'" showCaption="false"}

11\. Click on the burger menu

::Image[]{src="https://api.archbee.com/api/optimize/ygR6KtT9QI_R0u3uKTJsm/-EfYrA6eO_-9oWi5k2JC2_bildschirmfoto-2022-12-05-um-155745.png" size="70" width="2764" height="1350" position="center" alt="Click on the burger menu" showCaption="false"}

12\. Click on 'Update Dynamic Resources'

::Image[]{src="https://api.archbee.com/api/optimize/ygR6KtT9QI_R0u3uKTJsm/c0GJHpLJffkXo88pELDZS_bildschirmfoto-2022-12-05-um-173154.png" size="70" width="1192" height="510" position="center" alt="Click on 'Update Dynamic Resources'" showCaption="false"}

13\. Name your changes, e.g. 'login\_view'

![Name your changes, e.g. 'login\_view'](https://api.archbee.com/api/optimize/ygR6KtT9QI_R0u3uKTJsm/A2pD5uAtqQdFixUnf0oPD_e219a842-be2c-4a6b-b03f-2adc28b54f12.png)

14\. Click on 'Merge all files to preview'

![Click on 'Merge all files to preview'](https://api.archbee.com/api/optimize/ygR6KtT9QI_R0u3uKTJsm/WM767h95c8-r9go8Yx6ZE_9a252b69-d10f-4668-a12f-0c9097b0df49.png)

***

:::hint{type="success"}
You have successfully configured a login page in the Experience HTML of your app, merged the changes, and updated the dynamic resources. You can test the result in the preview and push them live if they look fine to make them visible in your live app.
:::