> ## 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 ContactZhTW = () => <>
    <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** 螢幕。開啟即可看到當前套餐和五個快捷方式。

## 適用場景

<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 列表獲取發票 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** 按鈕。下方四個快捷方式:

    <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** → 參見[移動端升級、降級 & 取消](/zh-tw/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** | Receipt download or stored receipt link; if unavailable, the hosted Stripe receipt/invoice fallback opens |

<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 進入。
* 在移動端的修改會立刻同步到 Web — 可在手機上開始,在 PC 上完成。
* PC 管理員可在 **Admin Dashboard → Payment Information** 做同樣的事。此頁面是你離開桌子時用的。

## 相關頁面

* [移動端升級、降級 & 取消](/zh-tw/mobile-plan-change) — 完整 Manage Plan 流程
* [套餐變更、取消 & 試用結束](/zh-tw/plan-changes) — PC 管理控制臺等價功能
* [更改付款信用卡](/zh-tw/credit-card-change) — PC 卡片變更流程
* [定價](/zh-tw/pricing)

<ContactZhTW />