Displays the details of a plan / bundle, with an option to purchase a plan. Clicking "Sign up now" will load a purchase modal.


<supercast-plan code="(plan guid)"></supercast-plan>


  • code - A code identifying your plan. This is available from "Embed this Plan" on your creator dashboard.


The following parts can be independently styled on supercast-plan:

  • container - The box surrounding the plan
  • pricing - Pricing details of the plan
  • title - The title of the plan
  • description - The description of the plan
  • button - The 'Sign up now' button

Parts can be targeted with the following CSS:

supercast-plan::part(container) {
  background-color: blue;