Articles in this category

GOOD STUFF!

Build product page with pricing plan selection

Andrija Krstic 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.

Did you find this resource helpful?
Return to top
Ready to get started
with Subbly?
Try for free