Build product page with pricing plan selection
Learn how to build the product page with pricing plan selector embedded on it
Updated
by Andrija Krstic
This article contains instructions on how to build the product page that includes the pricing plan selection, and how to connect to the checkouts.
Overview
Learn how to create subscription products on Subbly here.
Your Subbly products can have infinite number of pricing plans. In this article you'll find instructions on how to create appealing product page that contains the pricing plan selector embedded on it. Refer to an image below for an example.
Video & Prompt Instructions
Prompts used in the video are copied below.
Create a landing page for subscription product @Green Box Light with the following URL: /subscription/green-box-light Make sure to fetch all subscription plans associated with this product and display them as radio button options. Below the plan selection, include a button that initially says "Choose Plan". Once a plan is selected, the button text should change to "Subscribe". When the user clicks "Subscribe", it should open/trigger the cart/checkout with the selected plan.
Update this button to lead to page /subscription/green-box-light
Provided prompts are intended as guidance only and should be adapted and refined for the specific use case before being used in a project. Given the indeterministic nature of AI systems, the same prompt may also produce slightly different results across environments or executions.
How did we do?
Connect product checkouts to elements
How to add upsell to the checkout funnel
