---
title: "Create a “Redeem Code\" Page"
slug: "redeem-page"
updated: 2024-03-15T07:34:53Z
published: 2024-03-15T07:34:53Z
canonical: "docs.viewlift.com/redeem-page"
---

> ## Documentation Index
> Fetch the complete documentation index at: https://docs.viewlift.com/llms.txt
> Use this file to discover all available pages before exploring further.

# Create a “Redeem Code" Page

Create a Redeem page as a **Marketing Page** from the **Template Builder** to enable your users to redeem their prepaid coupon codes on Website and apps.

**Steps**

1. From the **AppCMS**, go to **Templates** > **Edit Template**. (https://tools.viewlift.com/appCmsConfig/template-builder#/)
2. On the **Template Builder** page, under **Pages**, click the **Add New** button.
3. In the **Create New Page**, provide the **Page Name** (ex. Redeem offers or Redeem), set the **Page Type** as **Marketing** **Page**, and leave the **New Page Type *** **Developers Only** field as **N/A.** Click **Create.**  
![](https://cdn.document360.io/15e0c142-c823-4c77-a8e8-9d32ca937982/Images/Documentation/image-1634062925782.png)
4. Once you've created the page, click the **Settings** menu on the **Template Builder** banner on top. The **Page Details** section is displayed on the left of the **Settings** page.
5. In the **Paths** field, type **/redeem** as the page path (permalink). Do not use any other variations.  
![](https://cdn.document360.io/15e0c142-c823-4c77-a8e8-9d32ca937982/Images/Documentation/redeem.png)
6. Click **Developer Controls.** In the **Function (Developer Only)** drop-down, select **Redeem Offer**.
7. From the **Template Builder** banner, click the **Redeem** page you've just created, and click **Add Modules**.
8. From the **Add a New Module** form, type **Redeem Offer 02** in the search field and then drag and drop the **Redeem Offer 02** module to the **Redeem** page.  
![](https://cdn.document360.io/15e0c142-c823-4c77-a8e8-9d32ca937982/Images/Documentation/redeem-module.png)
9. Add the header and footer modules to the page and publish.  
Now you can send these codes to users via email, print, or cards and send them to this Redeem page on your website/apps to redeem the free subscription offer. Users have to create an account to get the free subscription. If you localize your content across multiple languages, the Redeem module has localization functionality as well.

### Screen details

| **Redirect path after redeem code** | Place a redirect path once a user redeems an [offer code](/v1/docs/redemption-codes). For example, place the Create an Account page URL here to redirect a user to the account creation page after redeeming the offer code. |
| --- | --- |
| ![](https://cdn.document360.io/15e0c142-c823-4c77-a8e8-9d32ca937982/Images/Documentation/image-1634071690346.png) | Use these text fields to set custom messages. |

**Redeem Page Example**

![](https://cdn.document360.io/15e0c142-c823-4c77-a8e8-9d32ca937982/Images/Documentation/live.png)

**Hide Nav Bar on M-Web**

![](https://cdn.document360.io/15e0c142-c823-4c77-a8e8-9d32ca937982/Images/Documentation/image-1710488067806.png)

If you wish to hide the tab nav (menu bar) on mobile web app, add the following custom CSS using a RAW HTML module on the Redeem modular page:

```css
.TabNavBar { 
   display: none;
}
```