> ## 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="行動版帳單管理" 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="四種行動版帳單管理情境" width="2752" height="1536" data-path="en/images/mobile-billing/usecases.webp" />
</Frame>

* **外出時信用卡即將到期** — 不必使用電腦，也能直接更換信用卡。
* **將 PDF 寄給財務人員** — 從 **Invoices & Receipts** 下載發票 PDF，再以電子郵件轉寄。
* **稽核續訂記錄** — 每次續訂、取消、復原與信用卡變更都會記錄時間與 IP 位址。
* **更新帳單資訊** — 在下次計費前，於 **Invoice Details** 編輯公司名稱、電子郵件與電話。

## 開啟 Billing 中心

<Steps>
  <Step title="側邊選單 → Billing">
    從主畫面開啟側邊選單，點選 **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 中的 Billing 選項" 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 管理中心" 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/5vJMfSCL4zFIgGlP/en/images/mobile-billing/05-invoice-details.webp?fit=max&auto=format&n=5vJMfSCL4zFIgGlP&q=85&s=e35fdf5614e1e333b6acf9279c3d6bb4" alt="Invoice Details 發票資料畫面" width="853" height="1844" 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 開立發票後顯示。金額為 `¥0` 的 **Trial Started** 記錄也會保留，方便追蹤試用開始時間。
</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**，可快速進入方案管理。
* 行動版的變更會立即同步到 Web，您可以在手機開始操作，再到 PC 繼續。
* PC 管理員也可從頂端導覽列開啟 **Billing**，執行相同操作。

## 相關頁面

* [行動版方案變更與取消](/zh-tw/mobile-plan-change) — 完整的 Manage Plan 流程
* [方案變更、取消與試用結束](/zh-tw/plan-changes) — PC 管理介面的對應流程
* [更改付款信用卡](/zh-tw/credit-card-change) — PC 卡片變更流程
* [定價](/zh-tw/pricing)

<ContactZhTW />
