---
title: "VL Billing Module"
slug: "vl-billing-module"
updated: 2024-01-05T12:17:59Z
published: 2024-01-05T12:17:59Z
canonical: "docs.viewlift.com/vl-billing-module"
---

> ## 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.

# VL Billing Module

## Billing & Payments Screen Overview

For subscribed users, the page will show the current plan info and payment history. Users can access the page from the [Account Settings landing page](/viewliftone/docs/vl-user-management-module).

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

The Billing page will display this message for non-subscribed users:

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

Deferred Cancellation Billing page:

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

Billing & Payments page via Vizio:

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

## Configuring the Billing & Payments Page

From the Template Builder, create a new user page for **Billing** under **User Pages**. Then, drag and drop the **VL Billing** module into the page.

**VL Billing Module settings**

| Item | Description |
| --- | --- |
| **Brand** | Define the brand colors to use on this page. The colors can be dynamically changed using the color palette. ![](https://cdn.document360.io/15e0c142-c823-4c77-a8e8-9d32ca937982/Images/Documentation/image-1699523729260.png) |
| **Localisation > Labels** | All the text and messaging for every step of the payment process is preconfigured in the Localization > Labels fields. You can also customize them to match your brand's voice.![](https://cdn.document360.io/15e0c142-c823-4c77-a8e8-9d32ca937982/Images/Documentation/image-1699519818590.png) |
| **Font Settings** | Use this section to customize the font sizes of the Title, Tab, and Action buttons by platform. |
| **Platforms** | Set this option to **All** to display the page on all your device platforms. |

Publish the page once you have finished editing and view it on the front end.