import SubContentEditScreen from ‘@site/static/img/956/subContentEditScreen.svg’;

Content Settings Specification (Subscription)

This page defines the business logic, field specifications, and validation rules for the Yoyacoo Subscription-type content settings. This screen is used for both creating and editing a subscription service.

Design Reference

Wireframe SVG Asset

The following SVG wireframe provides a visual reference for the Content Settings screen layout:

<div style={{overflowX: ‘auto’, maxWidth: ‘100%’, margin: ‘24px 0’}}>
<SubContentEditScreen style={{maxWidth: ‘100%’, height: ‘auto’, display: ‘block’}} />
</div>

Figure 1: Content Settings (Subscription) Screen Wireframe

Field Specifications & Business Logic

The form is organized into logical sections. Each field’s behavior, constraints, and underlying business logic are detailed below.

1. Basic Settings Section

This section captures the fundamental identity and public availability of the subscription service.

  • Service Name

    • Description: The primary title of the subscription service shown to customers.
    • Type: Text input.
    • Required: Yes.
    • Validation: Maximum 255 characters.
    • Logic: Must be unique within the creator’s account for clarity, though not strictly enforced by the schema.

  • Description

    • Description: A detailed explanation of the subscription’s value proposition.
    • Type: Textarea.
    • Required: No.
    • Validation: No strict character limit in backend, but recommended maximum 1000 characters for optimal display.
    • Logic: Supports multiline text.

  • Availability Status (Public Reception)

    • Description: Controls whether the service is open for new subscriptions.
    • Type: Radio group.
    • Required: Yes.
    • Options:
      • Continuous: The service is available indefinitely until manually stopped.
      • Scheduled: The service is only available during a specific date range.
      • Stopped: New subscriptions are disabled.
    • Conditional Logic:
      • Selecting Scheduled requires setting a Start Date and End Date.
      • Validation: End Date must be strictly after the Start Date.

2. Subscription Settings Section

This section defines the billing cycle and start logic.

  • Billing Start Date

    • Description: The official commencement date of the subscription period for administrative tracking.
    • Type: Date picker.
    • Required: Yes.
    • Validation: Must be today or a future date.

  • Payment Cycle

    • Description: Determines the recurring billing schedule for customers.
    • Type: Radio group.
    • Required: Yes.
    • Options:
      • Monthly from Application Date: Customer is billed on the anniversary of their subscription date each month.
      • Monthly from 1st of Month: All customers are billed on the 1st of each month. (Initial month may be prorated depending on Stripe configuration).

  • Payment Method

    • Description: The accepted method of payment.
    • Type: Static text / Read-only.
    • Required: Yes.
    • Value: Credit Card Only (Subscription services require recurring payment support via Stripe).

3. Menu & Options Section

This section defines the specific tiers or variations (menus) available under the subscription.

  • Menu Name

    • Description: The name of the specific tier (e.g., “Standard”, “Premium”).
    • Type: Text input.
    • Required: Yes.
    • Validation: Maximum 255 characters.

  • Price (JPY)

    • Description: The monthly recurring cost in Japanese Yen.
    • Type: Number input.
    • Required: Yes.
    • Validation: Minimum 0 (allows for free tiers). Integer only.

  • Capacity Limit

    • Description: Limits the number of active subscribers for this tier.
    • Type: Number input with toggle.
    • Required: No (Unlimited by default).
    • Logic:
      • If Set Capacity flag is ON, a number must be provided.
      • Validation: Minimum 1.

  • Contract Period

    • Description: The minimum commitment required for the subscription.
    • Type: Dropdown with toggle.
    • Required: Yes.
    • Options: 1 Month, 3 Months, 6 Months, 1 Year, Ongoing.
    • Logic:
      • If a specific period is selected (flag ON), the duration in months must be provided.

  • Free Trial Period

    • Description: Initial billing-free duration for new subscribers.
    • Type: Dropdown with toggle.
    • Required: No.
    • Options: None, 7 Days, 14 Days, 30 Days.
    • Logic:
      • If enabled (flag ON), the number of trial days must be specified.

  • Menu Description

    • Description: Details specifically for this tier.
    • Type: Textarea.
    • Required: No.
    • Validation: Recommended max 300 characters.

  • Selection Method (Approval System)

    • Description: Defines the entry flow for customers.
    • Type: Radio group.
    • Required: Yes.
    • Options:
      • Direct: Customer pays and starts immediately.
      • Application Form: Customer applies and requires creator approval before the subscription/billing begins.

4. Post-Purchase Section (Thanks Page & Terms)

Configuration for the customer experience immediately following a successful subscription or application.

  • Download URL

    • Description: Link to digital materials provided as part of the subscription.
    • Type: URL input.
    • Required: No.
    • Validation: Maximum 500 characters. Must be a valid URL format.

  • Video URL

    • Description: Link to a welcome or introductory video (e.g., YouTube/Vimeo).
    • Type: URL input.
    • Required: No (but required if an entry is added).
    • Validation: Maximum 500 characters. Must be a valid URL format. Up to 5 URLs allowed.

  • Terms of Use

    • Description: How the terms of service are presented.
    • Type: Radio + Link.
    • Required: No.
    • Options:
      • Display: Terms are shown directly in the UI.
      • External Link: Provides a link to a separate hosted page.

5. Contact Information Section

Details used for support and communication between the creator and the subscriber.

  • Name

    • Description: Name of the support contact or entity.
    • Type: Text input.
    • Required: Yes.
    • Validation: Maximum 255 characters.

  • Email Address

    • Description: Primary contact email for support.
    • Type: Email input.
    • Required: Yes.
    • Validation: Maximum 255 characters. Must match standard email regex.

  • Phone Number

    • Description: Support contact phone number.
    • Type: Tel input.
    • Required: Yes.
    • Validation: Maximum 30 characters.

Data Integrity & Save States

Create vs. Edit Behavior

  • Create Mode: All required fields must be validated before the service can be “Published”. Drafts can be saved with partial data.
  • Edit Mode: Certain fields (like Price or Payment Cycle) may be locked if there are existing active subscribers to prevent billing inconsistencies.
  • Draft State: The is_draft flag is used to identify services that are not yet live.

Global Validations

  1. Required Fields: Visual indicators (e.g., red asterisk) must highlight missing mandatory data.
  2. Date Consistency: Start times must precede end times.
  3. Tier Limit: Maximum of 10 menus (tiers) per subscription service.
  4. Option Limit: Maximum of 5 additional options.

Asset Files

File Description Location
Wireframe SVG Main wireframe visual reference /static/img/956/subContentEditScreen.svg
This Document Full specification document Current file
Previous Customer Subscription Purchase Flow & Implementation Next Coupon Integration Points