Appearance

Pricing Plans Module ​

The Pricing Plans module allows you to create and manage subscription plans, pricing tiers, and service packages. This guide covers all pricing plan features.

Table of Contents ​

  1. Overview
  2. Accessing Pricing Plans
  3. Creating a Pricing Plan
  4. Plan Features
  5. Plan Categories
  6. Managing Plans
  7. Frontend Display
  8. Best Practices

Overview ​

Features ​

  • ✅ Create pricing plans and tiers
  • ✅ Plan categories
  • ✅ Feature lists per plan
  • ✅ Billing cycles (monthly, yearly, etc.)
  • ✅ Trial periods
  • ✅ Highlight/featured plans
  • ✅ Plan ordering
  • ✅ Toggle plan status
  • ✅ Frontend pricing page

Admin Routes ​

  • Plan List: /admin/price-plans
  • Create Plan: /admin/price-plans/create
  • Edit Plan: /admin/price-plans/{id}/edit
  • Categories: /admin/plan-categories

Frontend Routes ​

  • Pricing Page: /pricing or /pricing-plans
  • Plan Detail: /pricing-plans/{slug}

Accessing Pricing Plans ​

From Admin Panel ​

  1. Log in to admin panel
  2. Navigate to E-Commerce → Pricing Plans
  3. Or go directly to: /admin/price-plans

Permissions Required ​

  • View Plans: view price plans permission
  • Create Plans: create price plans permission
  • Edit Plans: edit price plans permission
  • Delete Plans: delete price plans permission

Creating a Pricing Plan ​

Step 1: Access Create Page ​

  1. Go to Pricing Plans → Create New Plan
  2. Or navigate to: /admin/price-plans/create

Step 2: Basic Information ​

Plan Name ​

  • Name of the pricing plan
  • Required field
  • Example: Professional Plan

Slug ​

  • Auto-generated from name
  • Can be edited manually
  • Must be unique
  • Used in plan URL
  • Example: professional-plan

Short Description ​

  • Brief plan description
  • Shown in plan listings
  • Recommended: 100-200 characters
  • Example: Perfect for growing businesses

Full Description ​

  • Detailed plan information
  • Use rich text editor
  • Include:
    • Plan benefits
    • Use cases
    • Target audience
    • Additional details

Step 3: Pricing ​

Price ​

Base Price:

  • Enter plan price
  • Use decimal format (e.g., `29.99)
  • Currency set in settings

Sale Price (Optional):

  • Discounted price
  • Shows as "on sale"
  • Sale badge appears

Compare at Price (Optional):

  • Original price for comparison
  • Shows "was $X, now $Y"
  • Useful for promotions

Billing Cycle ​

Options:

  • One-time: Single payment
  • Monthly: Recurring monthly
  • Yearly: Recurring yearly
  • Quarterly: Every 3 months
  • Semi-annually: Every 6 months
  • Custom: Custom interval

Recurring Plans:

  • Automatically renew
  • Payment processing required
  • Subscription management

Step 4: Plan Features ​

Feature List ​

Create list of plan features:

Adding Features:

  1. Click Add Feature
  2. Enter feature text
  3. Click Add
  4. Repeat for all features

Feature Examples:

  • ✅ 10 Projects
  • ✅ 50GB Storage
  • ✅ Email Support
  • ✅ Advanced Analytics
  • ✅ API Access

Feature Options ​

Included Features:

  • Checkmark icon
  • Standard display
  • Included in plan

Excluded Features:

  • X icon or blank
  • Shows what's not included
  • Useful for comparison

Highlighted Features:

  • Special styling
  • Emphasize key features
  • Stand out in display

Step 5: Plan Settings ​

Status ​

  • Published: Visible on website
  • Draft: Saved but not published
  • Archived: Hidden from display
  • Toggle: Mark as featured
  • Featured plans highlighted
  • Shown prominently
  • Use for popular plans

Display Order ​

  • Set order for display
  • Lower numbers appear first
  • Used for sorting
  • Featured plans typically first

Step 6: Trial Period ​

Enable Trial ​

  • Toggle: Enable free trial
  • Trial Duration: Days of trial
  • Example: 14 days free trial

Trial Features:

  • Free access for trial period
  • Automatic conversion to paid
  • Trial reminders
  • Cancellation option

Step 7: Plan Limits ​

Usage Limits ​

Set Limits:

  • Projects: Number of projects
  • Storage: Storage amount (GB)
  • Users: Number of users
  • API Calls: API request limit
  • Custom: Custom limits

Unlimited Option:

  • Toggle "Unlimited" for any limit
  • Shows as "Unlimited"
  • No restrictions

Step 8: Category Assignment ​

Select Category ​

  1. Choose existing category
  2. Or create new category
  3. Can assign to multiple categories
  4. First category is primary

Common Categories:

  • Basic Plans
  • Professional Plans
  • Enterprise Plans
  • Add-on Plans

Step 9: SEO Settings ​

Meta Information ​

  • Meta Title: Search engine title
  • Meta Description: Search result description
  • Keywords: Relevant keywords

Step 10: Save Plan ​

  • Save Draft: Save without publishing
  • Publish: Make plan live
  • Toggle Status: Quick status change
  • Toggle Featured: Quick featured toggle

Plan Features ​

Feature Management ​

Adding Features ​

  1. In plan edit page
  2. Scroll to Features section
  3. Click Add Feature
  4. Enter feature text
  5. Click Add
  6. Feature added to list

Editing Features ​

  1. Click Edit on feature
  2. Modify text
  3. Click Save
  4. Feature updated

Deleting Features ​

  1. Click Delete on feature
  2. Feature removed
  3. Cannot be undone

Reordering Features ​

  1. Drag features up/down
  2. Or use arrow buttons
  3. Order saved automatically

Feature Types ​

Standard Features ​

  • Regular text features
  • Checkmark icon
  • Standard styling

Highlighted Features ​

  • Special emphasis
  • Different styling
  • Stand out

Excluded Features ​

  • Show what's not included
  • X icon or blank
  • Useful for comparison

Plan Categories ​

Creating Categories ​

  1. Go to Pricing Plans → Categories
  2. Click Create New Category
  3. Enter:
    • Name: Category name
    • Slug: URL-friendly version
    • Description: Category description
    • Image: Category image (optional)
    • Parent Category: For sub-categories
  4. Click Save

Category Examples ​

Common Categories:

  • Starter Plans
  • Business Plans
  • Enterprise Plans
  • Add-ons
  • One-time Purchases

Managing Categories ​

  • Edit: Modify category details
  • Delete: Remove category (plans not deleted)
  • View Plans: See all plans in category
  • Bulk Delete: Remove multiple categories

Managing Plans ​

Plan List View ​

Access at: /admin/price-plans

List Features ​

Search:

  • Search by plan name
  • Search by description
  • Real-time results

Filters:

  • Category: Filter by category
  • Status: Published/Draft/Archived
  • Featured: Featured/Not Featured
  • Billing Cycle: Filter by cycle

Sorting:

  • By Name (A-Z, Z-A)
  • By Price (Low/High)
  • By Date (Newest/Oldest)
  • By Display Order

Displayed Information ​

  • Plan Name: Plan title
  • Price: Plan price
  • Billing Cycle: Monthly/Yearly/etc.
  • Category: Assigned category
  • Status: Published/Draft
  • Featured: Featured badge
  • Order: Display order

Editing Plans ​

  1. Click Edit on plan
  2. Make changes
  3. Click Update
  4. Changes saved

Deleting Plans ​

  1. Click Delete on plan
  2. Confirm deletion
  3. Warning: Cannot be undone
  4. Plan removed

Quick Actions ​

Toggle Status ​

  1. Click Toggle Status button
  2. Status changes immediately
  3. No need to edit page
  1. Click Toggle Featured button
  2. Featured status changes
  3. Instant update

Bulk Operations ​

Bulk Delete ​

  1. Select multiple plans
  2. Click Bulk Actions → Delete
  3. Confirm deletion
  4. All selected plans deleted

Bulk Status Change ​

  1. Select plans
  2. Click Bulk Actions → Change Status
  3. Select new status
  4. All updated

Bulk Action ​

  1. Select plans
  2. Click Bulk Actions
  3. Choose action:
    • Change Status
    • Assign Category
    • Delete
  4. Apply to all selected

Frontend Display ​

Pricing Page ​

URL: /pricing or /pricing-plans

Features:

  • All published plans
  • Category filtering
  • Plan comparison
  • Feature comparison
  • Call-to-action buttons
  • Responsive design

Display Formats ​

Grid Layout ​

  • Plans in grid
  • Side-by-side comparison
  • Easy to compare
  • Responsive columns

List Layout ​

  • Vertical list of plans
  • Full details visible
  • Scrollable
  • Good for many plans

Comparison Table ​

  • Feature comparison table
  • Plans in columns
  • Features in rows
  • Easy comparison
  • Highlight differences

Plan Detail Page ​

URL: /pricing-plans/{slug}

Features:

  • Full plan information
  • Complete feature list
  • Pricing details
  • Billing cycle information
  • Sign up button
  • Related plans

Plan Features ​

Displayed:

  • Plan name and description
  • Pricing information
  • Billing cycle
  • Feature list
  • Trial information (if applicable)
  • Sign up/Subscribe button

Best Practices ​

Creating Plans ​

  1. Clear Pricing:

    • Use simple pricing
    • Avoid confusing tiers
    • Show value clearly

  2. Feature Lists:

    • Be specific
    • Use clear language
    • Highlight key features
    • Show value

  3. Comparison:

    • Make plans comparable
    • Show differences clearly
    • Help users choose

Pricing Strategy ​

  1. Value-Based:

    • Price based on value
    • Show ROI
    • Justify pricing

  2. Tier Structure:

    • Clear progression
    • Logical upgrades
    • Obvious next step

  3. Promotions:

    • Use sale prices
    • Limited-time offers
    • Highlight savings

Display ​

  1. Featured Plans:

    • Highlight popular plans
    • Show best value
    • Guide users

  2. Clear CTAs:

    • Prominent buttons
    • Clear action
    • Easy to find

  3. Mobile Friendly:

    • Responsive design
    • Touch-friendly
    • Readable on small screens

Troubleshooting ​

Plan Not Displaying ​

Solutions:

  1. Check status (must be Published)
  2. Verify category is published
  3. Clear cache
  4. Check frontend settings

Pricing Not Showing ​

Solutions:

  1. Verify price is entered
  2. Check currency settings
  3. Clear cache
  4. Verify display settings

Features Not Displaying ​

Solutions:

  1. Check features are added
  2. Verify feature list
  3. Clear cache
  4. Check template

Last Updated: [Date will be updated during final review]

Released under the MIT License.

Copyright © 2024 OmniSuite CMS