> ## Documentation Index
> Fetch the complete documentation index at: https://manual.voiceping.net/llms.txt
> Use this file to discover all available pages before exploring further.

# 모바일에서 결제 관리

> 플랜, 카드, 인보이스, 결제 내역을 모바일 앱 안에서 관리하세요.

export const ContactKo = () => <>
    <Tip>
      문의 사항이 있으시면 <a href="https://forms.gle/6AUho7oj3zBr79e96">이 양식</a>을 통해 연락해 주세요.
    </Tip>

    <h2>공식 링크</h2>

    <CardGroup cols={2}>
      <Card title="공식 웹사이트" icon="globe" href="https://voiceping.net/en/">
        공식 웹사이트 방문
      </Card>
      <Card title="X (Twitter)" icon="x-twitter" href="https://x.com/VoicePingMedia">
        X에서 팔로우
      </Card>
      <Card title="Facebook" icon="facebook" href="https://www.facebook.com/voiceping.inc">
        Facebook에서 좋아요
      </Card>
      <Card title="LinkedIn" icon="linkedin" href="https://www.linkedin.com/company/28684130/">
        LinkedIn에서 연결
      </Card>
    </CardGroup>
  </>;

<Frame>
  <img src="https://mintcdn.com/test-cf63e467/z13MfE0CikV5b-4X/en/images/mobile-billing/hero-billing.webp?fit=max&auto=format&n=z13MfE0CikV5b-4X&q=85&s=66477fd28383ce61ac5b2ac44487d14c" alt="Billing on Mobile" width="2752" height="1536" data-path="en/images/mobile-billing/hero-billing.webp" />
</Frame>

PC 관리자 대시보드에서 하던 일들 — 카드 변경, 영수증 받기, 기록 확인 — 이 모두 모바일 앱의 **Billing** 화면에 모여 있습니다. 열면 현재 플랜과 5개의 바로가기가 바로 나타납니다.

## 이런 상황에 사용하세요

<Frame>
  <img src="https://mintcdn.com/test-cf63e467/z13MfE0CikV5b-4X/en/images/mobile-billing/usecases.webp?fit=max&auto=format&n=z13MfE0CikV5b-4X&q=85&s=74732bbf84a3de603c0875c8e4192f38" alt="Four mobile billing scenarios" width="2752" height="1536" data-path="en/images/mobile-billing/usecases.webp" />
</Frame>

* **이동 중 카드 만료 임박** — 지하철에서도 새 카드로 전환. 노트북도, 월요일까지 기다릴 필요도 없음.
* **재무팀에 PDF 전송** — Invoices & Receipts 목록에서 Invoice PDF를 받아 메일로 전달.
* **갱신 감사** — 모든 갱신, 취소, 복원, 카드 변경이 타임스탬프와 IP와 함께 기록됨.
* **청구 정보 업데이트** — 다음 결제 전에 Invoice Details 화면에서 회사명 / 이메일 / 전화 수정.

## Billing 허브 열기

<Steps>
  <Step title="햄버거 메뉴 → User Settings">
    홈 화면에서 사이드 메뉴를 열고 **Billing** (카트 아이콘) 탭.

    <div style={{maxWidth: "240px", margin: "0 auto"}}>
      <Frame>
        <img src="https://mintcdn.com/test-cf63e467/Bmq9l8NNrfZAX_I3/en/images/mobile-billing/01-settings-menu.webp?fit=max&auto=format&n=Bmq9l8NNrfZAX_I3&q=85&s=582f321129496d84f545ef03294782dc" alt="User Settings with Billing row" width="1206" height="2622" data-path="en/images/mobile-billing/01-settings-menu.webp" />
      </Frame>
    </div>
  </Step>

  <Step title="허브 확인">
    **Current Plan** 카드에 플랜 이름과 월 요금이 표시되고, 바로 **Manage Plan** 버튼이 있습니다. 아래에 4개의 바로가기:

    <div style={{maxWidth: "240px", margin: "0 auto"}}>
      <Frame>
        <img src="https://mintcdn.com/test-cf63e467/z13MfE0CikV5b-4X/en/images/mobile-billing/02-billing-hub.webp?fit=max&auto=format&n=z13MfE0CikV5b-4X&q=85&s=1462b7c715bb34611a5047f22896d3ed" alt="Billing hub" width="828" height="1792" data-path="en/images/mobile-billing/02-billing-hub.webp" />
      </Frame>
    </div>

    | 바로가기                    | 용도                       |
    | ----------------------- | ------------------------ |
    | **Manage Cards**        | 결제 수단 추가, 제거, 변경         |
    | **Invoices & Receipts** | 인보이스 PDF 다운로드, 영수증 열기    |
    | **Invoice Details**     | 인보이스의 청구 대상 이름, 이메일, 전화  |
    | **Billing Activity**    | 구매, 갱신, 취소, 카드 변경 이벤트 로그 |

    플랜 업그레이드 / 다운그레이드 / 취소는 **Manage Plan** 탭 → [모바일에서 업그레이드, 다운그레이드 & 취소](/ko/mobile-plan-change) 참조.
  </Step>
</Steps>

## Manage Cards

저장된 모든 카드를 표시합니다. 사용 중인 카드에는 **Using Now** 배지가 붙습니다. 하단의 파란색 **+ Add new card** 버튼으로 신규 추가.

<div style={{display: "flex", gap: "12px", justifyContent: "center", flexWrap: "wrap"}}>
  <div style={{flex: "1 1 200px", maxWidth: "220px"}}>
    <Frame>
      <img src="https://mintcdn.com/test-cf63e467/qxgtE8WkdCPHRjh6/en/images/mobile-billing/03-manage-cards.webp?fit=max&auto=format&n=qxgtE8WkdCPHRjh6&q=85&s=acef1f4cff73a69d7891e11ed95f0e81" alt="Manage cards" width="1206" height="2622" data-path="en/images/mobile-billing/03-manage-cards.webp" />
    </Frame>
  </div>

  <div style={{flex: "1 1 200px", maxWidth: "220px"}}>
    <Frame>
      <img src="https://mintcdn.com/test-cf63e467/qxgtE8WkdCPHRjh6/en/images/mobile-billing/04-add-card.webp?fit=max&auto=format&n=qxgtE8WkdCPHRjh6&q=85&s=23e7a3ff39c5785c8b19325e9c01c5d8" alt="Add new card" width="1206" height="2622" data-path="en/images/mobile-billing/04-add-card.webp" />
    </Frame>
  </div>
</div>

카드 추가 시트는 두 가지 방법을 제공합니다:

* **Pay with Link** — Stripe Link — 전화번호가 이미 연결되어 있으면 원탭.
* **Manual card** — 번호, MM/YY, CVC를 입력하거나 **📷 Scan card** 로 카메라에서 채움. 청구 국가를 선택하고 **Add card** 탭.

<Note>
  카드는 Stripe가 토큰화합니다. VoicePing은 원본 카드 번호를 저장하지 않습니다.
</Note>

## Invoice Details (청구 대상)

인보이스 PDF에 표시되는 이름, 이메일, 전화를 설정합니다.

<div style={{maxWidth: "240px", margin: "0 auto"}}>
  <Frame>
    <img src="https://mintcdn.com/test-cf63e467/z13MfE0CikV5b-4X/en/images/mobile-billing/05-invoice-details.webp?fit=max&auto=format&n=z13MfE0CikV5b-4X&q=85&s=eee8546a090469111fb91d271fd5b3bd" alt="Invoice Details" width="828" height="1792" data-path="en/images/mobile-billing/05-invoice-details.webp" />
  </Frame>
</div>

<Tip>
  다음 결제일 **전에** 설정하세요. Stripe는 인보이스 생성 시점에 이 필드를 사용하므로, 나중에 편집해도 과거 PDF는 바뀌지 않습니다.
</Tip>

## Invoices & Receipts

과거 결제는 월별 카드로 표시됩니다. 각 카드에는 두 가지 액션:

<div style={{maxWidth: "240px", margin: "0 auto"}}>
  <Frame>
    <img src="https://mintcdn.com/test-cf63e467/z13MfE0CikV5b-4X/en/images/mobile-billing/06-invoices-receipts.webp?fit=max&auto=format&n=z13MfE0CikV5b-4X&q=85&s=db8e1b12d69a75d96a7dbc055e9df1d5" alt="Invoices & Receipts" width="828" height="1792" data-path="en/images/mobile-billing/06-invoices-receipts.webp" />
  </Frame>
</div>

| 버튼               | 여는 것                             |
| ---------------- | -------------------------------- |
| **Invoice PDF**  | 다운로드 가능한 인보이스 PDF (공유 / 저장 / 전달) |
| **Open receipt** | 전체 결제 내역을 포함한 Stripe 호스팅 영수증 페이지 |

<Note>
  완료된 결제만 여기 표시됩니다. 예약된 플랜 변경은 다음 결제일 이후 Stripe가 인보이스를 생성한 뒤 나타납니다. **Trial Started** 상태의 `¥0` 행도 기록됩니다 — 체험 시작 추적에 유용.
</Note>

## Billing Activity

이벤트 로그 — 워크스페이스가 구독에 대해 한 모든 것.

<div style={{maxWidth: "240px", margin: "0 auto"}}>
  <Frame>
    <img src="https://mintcdn.com/test-cf63e467/Bmq9l8NNrfZAX_I3/en/images/mobile-billing/07-billing-activity.webp?fit=max&auto=format&n=Bmq9l8NNrfZAX_I3&q=85&s=dfa8ce0b83fc53103fb514979340ecc8" alt="Billing Activity" width="1206" height="2622" data-path="en/images/mobile-billing/07-billing-activity.webp" />
  </Frame>
</div>

각 행에는 다음이 포함됩니다:

* 이벤트 이름 — 예: *Succeeded in upgrading plan*, *Subscription will be canceled on the next payment date*, *Succeeded in restoring subscription*
* 타임스탬프 (`YYYY/MM/DD HH:MM`)
* 플랜, 결제 기간, 금액 (해당하는 경우)
* **IP Address** — 누가 어디서 작업했는지 — 감사 / 보안 검토용
* 완료된 결제에는 다운로드 아이콘 — 그 이벤트의 인보이스 PDF를 가져옴

"잠깐, 그게 언제였지?"를 이메일을 뒤지지 않고 답하는 데 사용하세요.

## 팁

* **Link**는 입력 수고를 덜어줍니다 — 다른 곳에서 Stripe Link를 사용했다면 전화번호 입력 후 카드가 자동으로 채워집니다.
* 허브의 **Current Plan 카드**가 Manage Plan으로 가는 가장 빠른 경로 — 매번 Settings를 거칠 필요 없음.
* 모바일에서 한 변경은 웹 앱과 즉시 동기화 — 폰에서 시작해서 PC에서 마칠 수 있음.
* PC 관리자는 **Admin Dashboard → Payment Information**에서 같은 일을 할 수 있습니다. 이 페이지는 책상을 떠나 있을 때를 위한 것.

## 관련 페이지

* [모바일에서 업그레이드, 다운그레이드 & 취소](/ko/mobile-plan-change) — 전체 Manage Plan 흐름
* [플랜 변경, 취소 & 체험 종료](/ko/plan-changes) — PC 관리자 대시보드 동등 기능
* [결제 신용카드 변경](/ko/credit-card-change) — PC 카드 변경 흐름
* [요금](/ko/pricing)

<ContactKo />
