Create a View Plans Page
  • 09 Aug 2023
  • 2 Minutes to read
  • Contributors
  • Dark
    Light
  • PDF

Create a View Plans Page

  • Dark
    Light
  • PDF

Article summary

The View Plans page is a landing page that lists the different pricing plans for your SVOD service. The page is pre-configured for you during your onboarding in Viewlift Tools but you can open and edit the modules in it to enable additional features, change the default user experience (UX) copy, add icon imagery, and more.

The modules are required for the transaction logic to work for the payment methods you have enabled on your site, like Stripe and PayPal. Without the modules, the flow can break.

Your GA4 streams will track the different stages of a user's journey through the subscription workflow. This includes the impressions they receive at each stage, as well as the number of clicks and conversions that occur.

View Plans modules 

Page modules define the content that is displayed on a site page.  They are used to create different sections of the page, such as the pricing table, the benefits section, and the features section. All modules have localization text fields at the bottom that allow you to dynamically change the messages that appear on the screen without having to hard code them.

The following are modules specific to your View Plans page. 

Module nameDescription
Select Plan with Override Settings (Apps)The CTA buttons on hover and clicked states are linked with the override settings. Enable the Override settings toggle and customize your Subscribe buttons.
To add plan features, go to Monetization > Plans > Open the Plan page > Add Feature (see the below screenshot as an example).  The plan features will then show on apps.
Select Plan (Single Plan - limited display content)Use this module if you only have one pricing plan. This module will display the plan name, price, and plan description, but it will not display a feature list.
Select Plan (Vertical)The old plans page for V1 site users. We recommend that you also add the Select Plan (With Feature List) (Apps) module if you're using this module.
Select Plan (With Feature List) (Apps)Add the features for a plan under Monetization > Plans > Plan Name (Ex. Annual Plan) > Add Feature.

Examples 

Select Plan with Override Settings (Apps)

Select Plan (Vertical) module

Select Plan (With Feature List) (Apps)

A View Plans page on the iOS app displaying the plan features of the SVOD plans.

Using RAW HTML

The design for the modules is predefined, but you can customize it using the RAW HTML module. The RAW HTML module allows you to add custom HTML code to your modules, which gives you more control over their design. However, the RAW HTML module is only available on the web, and won't render in mobile and TV apps.


Was this article helpful?