🔒 Premium Site Section

Two-Program Side-by-Side — Self-Select Decision Section

A mid-sales-page comparison block that puts two real formats of the same offer side by side without framing one as a downgrade, pilots a self-paced vs live cohort decision but the pattern fits any creator with two parallel program tiers.

Best for: Course creators and program sellers who run two genuine formats of the same offer and want warm visitors to self-select instead of feeling pushed.

Live preview — scroll inside the frame to see the full page.

What it does

  • Balanced two-column comparison — both formats share equal visual weight so neither reads as the obviously "lesser" option
  • Shared outcome headline — a single line above the columns confirms both paths reach the same destination
  • Matched row labels — every row (pace, support, schedule, price) appears for both formats so differences are easy to compare
  • Best-fit framing per column — each column ends with a "this one is for you if…" statement to help visitors self-identify
  • Per-column CTA — separate buttons let buyers commit to the format that fits without backtracking
  • No downgrade signaling — language and design avoid words like "basic" or "lite" that would tilt the choice

Best use cases

  • Course creators — offering self-paced and live cohort versions of the same flagship program
  • Coaches — running 1:1 and group versions of the same coaching engagement
  • Membership site owners — comparing a monthly tier and an annual tier without making one feel downgraded
  • Consultants — showing a done-for-you and done-with-you variant of the same offer
  • SaaS businesses — comparing two real plan tiers (team vs enterprise) where buyers genuinely choose between them

What you can change with your DNA

When you run this through the remix skill, your CCOS DNA — brand, voice, audience — drives these decisions automatically:

  • Colors — slots for two column backgrounds (matched in weight, varied in tone), shared row dividers, accents on each CTA, and the shared outcome banner
  • Fonts — one display font for column headers and a clean body font for the row labels and descriptions
  • Copy — shared outcome headline, two format names and taglines, every row label and value per format, two "this is for you if" statements, and two CTAs
  • Images — optional supporting icon or visual per column to express the format's character (lone learner vs cohort circle, etc.)
  • Behavior — choose how columns collapse on mobile (stack, swipe, or toggle), and whether row labels stay sticky as visitors scroll

How remixing works

From "swiped it" to "shipped it" in three steps.

01

Pick a remix

Browse the library, find one that fits — like this one.

02

Run it through your DNA

The remix skill uses your CCOS DNA to swap colors, fonts, copy, and structure so it lands as yours.

03

Ship it

Paste the finished HTML into Thinkific, Kajabi, WordPress, or any platform that takes embed code.