> ## 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 ContactZh = () => <>
    <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>

移动端 **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="侧边菜单中的 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/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="添加新卡片页面" width="1206" height="2622" data-path="en/images/mobile-billing/04-add-card.webp" />
    </Frame>
  </div>
</div>

可通过以下两种方式添加卡片：

* **Pay with Link** — 如果手机号已关联 Stripe Link，可直接登录并选择卡片。
* **Manual card** — 输入卡号、有效期和 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="发票信息表单" 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="按月显示的发票和收据列表" 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="账单活动记录" 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

无需翻找邮件，也能确认每项操作发生的时间。

## 使用提示

* 使用过 Stripe Link 时，输入手机号即可自动填充已保存的卡片。
* 从 **Current Plan** 卡片可快速进入 **Manage Plan**。
* 移动端的修改会同步到网页端，您可以在任一端继续操作。
* PC 管理员也可从顶部导航打开 **Billing**，完成相同操作。

## 相关页面

* [移动端升级、降级 & 取消](/zh/mobile-plan-change) — 完整 Manage Plan 流程
* [套餐变更、取消 & 试用结束](/zh/plan-changes) — PC 管理控制台等价功能
* [更改付款信用卡](/zh/credit-card-change) — PC 卡片变更流程
* [定价](/zh/pricing)

<ContactZh />
