---
title: Coupons
slug: experience/coupons
description: Configure legal information pages in Experience Builder
docTags: 
createdAt: 2022-10-11T13:27:26.000Z
---

<font color="#0c121d">Purple </font><font color="#0c121d">Experience </font>

***

## Summary

This document provides a step-by-step guide on how to configure a coupon page in the Experience HTML of an app using Experience Builder. The guide includes instructions on how to pull from preview, choose a default template, select the storefront and assets, create a new view, edit the content, update dynamic resources, make changes, and merge files to preview. The document concludes with a note of success and the recommendation to test the changes in the preview before making them live in the app.

***

## Preconditions

- Learn more about the concept of coupons in Purple and see how to create them [here](https://docs.purplepublish.com/setup/coupon-code-function)

***



1. Add a new view to your views.json

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

2\. Enter a view name and path name, e.g. 'coupon'

::Image[]{src="https://api.archbee.com/api/optimize/ygR6KtT9QI_R0u3uKTJsm/BSQYhmZAIrvHd_l060Gq6_coupon0.png" size="90" width="1950" height="773" position="center" alt="Enter a view name and path name, e.g. 'coupon'" showCaption="false"}

3. In content, click on the '+' button

::Image[]{src="https://api.archbee.com/api/optimize/ygR6KtT9QI_R0u3uKTJsm/cOD5_WP18YhMG00_ji21T_coupon1.png" size="90" width="1957" height="779" position="center" alt="Click on the '+' button" showCaption="false"}

4\. Change the content to 'Coupon' and save your views json.&#x20;

::Image[]{src="https://api.archbee.com/api/optimize/ygR6KtT9QI_R0u3uKTJsm/WxuPpJZiOyfpNfh8I5vDp_coupon2.png" size="80" width="1961" height="1022" position="center" alt="Change the content to 'Coupon'" showCaption="false"}

You may now save your dynamic resources and test your changes.&#x20;