VL TVE 01 Module

Introduction

VL TVE 01 is a System Screen module in Template Builder. It powers TV Everywhere (TVE) sign-in — the page where customers connect a cable or satellite TV provider to unlock entitled live games, videos, and other premium content.

On the website, this experience typically lives at /tve. Customers can connect a provider or skip and continue onboarding. Connecting a provider opens the provider picker, then the TV provider’s own authentication screens.

This article explains how to create the TVE page in Template Builder, configure VL TVE 01, publish it, and verify the experience on the web.

Purpose

The purpose of this article is to help you:

• Create a TVE System Screen in Template Builder
• Add and configure the VL TVE 01 module
• Configure promotional images, copy, and brand colors
• Understand what customers see when they connect or skip a TV provider
• Publish and verify the live TVE page

Scope

This article covers:

• Creating a System Screen page for TVE in Template Builder
• Adding VL TVE 01 to the page layout
• Module settings: Images, Providers, Brand, and Localization copy
• How the TVE page appears on the website
• An overview of the TV provider connect flow on web

It does not cover:

• Enabling TVE as a monetization type or configuring TV provider credentials in AppCMS
• VL TVE Activate 01 (TV / device activation at /tveactivate)
• VL Authentication 01 / VL Authentication 02 (account sign-in)
• Creating subscription plans or VL Checkout 01 / VL Subscription 01 payment pages

Prerequisites

Before you begin, ensure you have:

• Access to Template Builder for your site
• Access to ViewLift Tools / AppCMS to confirm TVE is enabled for the site
• TV providers configured in AppCMS TVE settings (provider list, logos, and authentication)
• Brand colors and copy ready: landing title, description, Connect and Skip labels, and Choose a Provider copy

Example used in this article
Throughout the steps below we use a TVE page named TVE at path /tve. Replace the sample values with your own.

TVE flow overview (website)

The flowchart below shows the typical customer journey on the website when VL TVE 01 is published at /tve.

Notes

• Customers often arrive from onboarding (after Authentication), a Login TVE tile, a paywall, or account / billing links that send them to /tve.
• The landing page includes Connect TV Provider and Skip in the module itself. The flow wrapper also shows Back.
• The Choose a Provider list on the website comes from AppCMS TVE provider settings, matched to providers available through TV provider authentication. The Providers rows in this module do not replace that site-level list.
• After a successful connect, the customer continues to the next onboarding step (for example View Plans or home) or returns to the content they started from.

Step 1: Open Template Builder

1. Log into ViewLift Tools.
2. Open AppCMS → Edit Template Builder (or open Template Builder for your site from your usual entry point).
3. Confirm you are on the correct site and language (if localization is enabled, use the language selector on the Template Builder home screen before editing page copy).

Template Builder home. From here you create pages and open System Screens.

Step 2: Create the TVE System Screen

The TVE page must be a System Screen so that VL TVE 01 is available in the module picker.

1. In Template Builder, go to Pages.
2. Select + ADD NEW (or Create a New Page).
3. Enter New Page Name: TVE (or your preferred name).
4. In New Page Type * Developers Only, select System Screen.
5. Optionally set Target Language (If localized Page) if you are creating a language-specific TVE page.
6. Select CREATE.

Set the page path

1. On Page Settings, set the page path to /tve (recommended) unless your site already uses a different TVE path.
2. Confirm the page type is System Screen.
3. Save page settings if prompted.

Page Settings. Set the path to /tve so Login TVE links, paywalls, and onboarding resolve correctly.

Tip: Keep /tve consistent across environments. Onboarding, plan banners, and paywalls typically send TV provider customers to this path. Device activation uses a different page (/tveactivate) with VL TVE Activate 01.

Step 3: Add VL TVE 01 to the layout

1. Open the TVE page.
2. Select Edit Layout.
3. Select Add a New Module.
4. Because the page is a System Screen, the picker shows system modules.
5. Search for or select VL TVE 01.
6. Insert the module into the page layout.

Edit Layout → Add a New Module. Search for and insert VL TVE 01.

TVE System Screen layout with VL TVE 01 placed on the page.

System Screens typically use a single primary system module. Avoid stacking unrelated content trays on this page.

Step 4: Configure Images

Open the VL TVE 01 module settings. Under Images, add one or more promotional slides for the TVE flow layout.

Each row includes:

A single row shows one banner. Multiple rows can appear as a carousel in the flow layout on supported experiences.

Images. Add Title, Sub Title, Description, and image URLs for the TVE promotional panel.

Step 5: Configure Providers

Under Providers, you can add Title and Image URL rows for TV providers.

On the website, the Choose a Provider picker is populated from AppCMS TVE settings (the providers enabled for the site), not only from these module rows. Configure the live provider list, logos, and authentication in AppCMS, then use this module for landing copy, Skip / Connect labels, and colors.

If a provider is missing on /tve, confirm it is enabled in AppCMS TVE settings and available through TV provider authentication for the customer’s region.

Providers. Optional Title and Image URL rows in the module. The website picker still requires providers to be enabled in AppCMS TVE settings.

Step 6: Configure Brand

Expand Brand to set TVE page colors.

Match these colors to Authentication and View Plans so onboarding feels like one product.

Step 7: Configure Localization

Edit the landing and provider-picker copy. Strings can be localized per language when site localization is enabled.

Back in the flow chrome uses the site generic Back label, not a field on this module.

Step 8: Save and publish the TVE page

1. Save the module settings.
2. Review the page layout once more.
3. Publish the TVE System Screen.

Until the page is published, apps and web will not show your latest TVE configuration.

Changes can take several minutes to appear because of caching. To verify sooner, use a private window, another browser, or clear cookies and cache.

Step 9: How it looks on the website

After publish, open your site’s TVE URL, for example:

https://www.example.com/tve

Access checks

Landing

Signed-in customers who still need to connect a provider usually see:

• Back in the flow chrome
• Optional promotional Images from module settings
• TV Provider Title Text and TV Provider Description Text
• Connect TV Provider
• Skip

Website /tve landing with Connect TV Provider and Skip.

Choose a Provider

After Connect TV Provider:

• Heading: Choose Provider Text
• Description: Choose Provider Description Text
• Provider tiles (logos from AppCMS TVE settings), with MVPD Background Color
• Skip

Selecting a tile opens that TV provider’s authentication experience. A loading state can appear while the provider list or authentication loads.

If more than four providers are available, the picker can show additional providers beyond the first set.

After connect or skip

Verification checklist

• TVE page exists as a System Screen
• Page path is /tve (or the path your onboarding flow expects)
• VL TVE 01 is on the layout
• TVE is enabled in AppCMS monetization / TVE settings
• TV providers and logos are configured in AppCMS TVE settings
• Landing title, description, Connect, Skip, and Choose a Provider copy are reviewed
• Brand colors match the site
• Optional Images are configured when used
• Page is published
• Signed-out customers are redirected to Authentication
• Signed-in customers can open Choose a Provider and complete (or skip) connect
• Already-connected customers skip /tve in onboarding when expected

Troubleshooting

Best Practices

• Use one TVE System Screen at a stable path (/tve).
• Enable TVE in AppCMS before you expect /tve to load.
• Configure providers in AppCMS TVE settings, then test Connect and Skip on web.
• Keep landing copy short — title, one description, Connect, and Skip.
• Localize title, description, and button labels when the site has multiple live languages.
• Test signed-out, signed-in, already-connected, and skip paths before launch.
• Publish after every meaningful change — draft System Screens do not update production.

FAQs

Q. What page type should I use for VL TVE 01?
System Screen. Set the path to /tve.

Q. How is this different from VL TVE Activate 01?
VL TVE 01 is the TV provider connect page (/tve). VL TVE Activate 01 is the device activation page (/tveactivate), where a customer enters a code from a TV or OTT device.

Q. Must the customer be signed in?
Yes. Unsigned customers are sent to Authentication before TVE loads.

Q. Where does the provider list come from?
On the website, from AppCMS TVE settings, matched to providers available through TV provider authentication.

Q. Can customers skip connecting a provider?
Yes. Skip continues onboarding without linking a TV provider.

Q. Does this page process subscription payment?
No. It connects a TV provider. Paid plans still use View Plans, Checkout, or Subscription, depending on your site.

Q. Why does a subscribed or TVE-connected customer never see /tve?
Onboarding can skip /tve when the customer already has TV provider access.

Important Information

• VL TVE 01 must be placed on a System Screen at /tve (or your site’s configured TVE path).
• TVE must be enabled in AppCMS. Otherwise /tve sends customers home.
• Customers must be signed in before the connect page loads.
• The website provider picker uses AppCMS TVE provider settings.
• Device activation is a separate module and path (VL TVE Activate 01 / /tveactivate).
• Create the page, add the module, configure copy and colors, then publish.
• Cache can delay frontend updates by several minutes.

Glossary

Contact Support

If you need help beyond this article, contact the ViewLift support team.

• Email: techsupport@viewlift.com
• Phone (US): +1-800-859-0420
• Phone (UK): +44-203-014-8921

Support hours: B2C requests are handled Monday to Friday. B2B support is available 24/7.