v2.0 Multi-File

LearnPress Membership β€” Wireframes Inventory

Interactive HTML5 + Tailwind CSS Wireframe Prototype (Woo Commerce Checkout & Restrict Content Phases)

πŸ’‘
Interactive Prototype Demo: Click any screen link below to open it in a new tab. All WP Admin screens feature full wp-admin chrome, LearnPress βž” Membership sub-menu structure, and unified non-tabbed forms matching production UI.

πŸ—ΊοΈ User Flow Map

Click any step in the journey below to launch that wireframe screen in a new tab:

Screen Catalog & Specification Mapping

6 Screens Total
ID Screen Name Target Role WP Admin? Key Features & Highlights Action
S01 Edit Plan - Unified Form Admin Yes (WP Admin) Unified non-tabbed form: Plan Details + Woo 1-1 Product Mapping (#4052) + Restrict Content Table (Dual Target Scope & Excerpt Paywall Mode) + Global Restricted Messages Config Section. Launch S01 β†—
S02 Edit Plan - Validation & Warnings Admin Yes (WP Admin) Dependency error banners (Woo Subscriptions missing), Product re-assignment warning, and Rule validation errors. Launch S02 β†—
S03 Membership Settings - Dependencies Admin Yes (WP Admin) Health check list for WooCommerce, LP Woo Payment, Woo Subscriptions, Guest checkout enforcement, and Success page redirect. Launch S03 β†—
S04 Pricing / Restricted Message CTA Guest / Student No (Frontend) Frontend pricing table with Buy Now CTAs + Dual Frontend Restriction Mode Previews (Partial Excerpt Paywall & Full Content Lock). Launch S04 β†—
S05 Membership Dashboard / Profile Student No (Frontend) Student account profile tab showing active plan expiry, auto-renew status, renewal action button, and empty state. Launch S05 β†—
S06 Woo Checkout Success Student / Customer No (Frontend) Post-purchase order completion screen with instant LP membership activation message and link to student dashboard. Launch S06 β†—