Skip to content

[Billing] Added dash button to Billing #24908

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
merged 3 commits into from
Sep 3, 2025
Merged

[Billing] Added dash button to Billing #24908

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
3 commits
Select commit Hold shift + click to select a range
67729d8
Added dash button to Billing
dcpena Sep 3, 2025
1a61136
Updated a straggler
dcpena Sep 3, 2025
5de9137
Another straggler
dcpena Sep 3, 2025
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
31 changes: 13 additions & 18 deletions src/content/docs/billing/cancel-subscription.mdx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -7,6 +7,8 @@ sidebar:
order: 7
---

import { DashButton } from "~/components";

Cancellations are not processed until the end of the billing period, so you can continue using the add-on or subscription until the new billing period begins. To avoid unwanted charges, start the cancellation process before the end of your billing period.

If you are making a subscription downgrade including a change from a yearly plan to a monthly plan or a change from a paid plan to a free plan, be aware that downgrades and cancellations do not take immediate effect and that you will continue to be billed and have access to your service for the remainder of your contracted service period. You should not contact Cloudflare to ask for exceptions to this policy or refunds for early downgrades and cancellations.
Expand All @@ -15,10 +17,8 @@ In addition, you may not always see a cancel button present for each subscriptio

:::note


All billing period dates on invoices and the dashboard are in UTC/GMT timezone, not your local timezone. We recommend any downgrades or changes to subscriptions be made at least 24 hours before stated billing date to avoid any timezone confusion.


:::

***
Expand All @@ -27,34 +27,29 @@ All billing period dates on invoices and the dashboard are in UTC/GMT timezone,

To disable a subscription:

1. Log in to the [Cloudflare dashboard](https://dash.cloudflare.com), and select your account and website.
1. In the Cloudflare dashboard, go to the **Billing** page.

2. Select the feature you want to disable under **Active Subscriptions** (Free or Pro customers) or **Plan Extensions** (Enterprise customers).
<DashButton url="/?to=/:account/billing" />

3. Follow the instructions to disable the feature. Each feature has a different process which could include toggling a switch, clicking a button, or choosing *Disable* from a drop-down list.
2. Select **Subscriptions**.
3. Select the feature you want to disable under **Active Subscriptions** (Free or Pro customers) or **Plan Extensions** (Enterprise customers).
4. Follow the instructions to disable the feature. Each feature has a different process which could include toggling a switch, clicking a button, or choosing *Disable* from a drop-down list.

## Step 2: Cancel the subscription in your billing profile

1. Log in to the [Cloudflare dashboard](https://dash.cloudflare.com) and select your account.

2. Select **Manage account** > **Billing**.

3. Select **Subscriptions**.
1. In the Cloudflare dashboard, go to the **Billing** page.

4. Find the subscription you want to disable and select **Cancel**.
<DashButton url="/?to=/:account/billing" />

5. You will be asked to share feedback with us. Choose all that apply.

6. Select **Confirm** to finish.
2. Select **Subscriptions**.
3. Find the subscription you want to disable and select **Cancel**.
4. You will be asked to share feedback with us. Choose all that apply.
5. Select **Confirm** to finish.

:::note


To alter your plan, select **Change** under **Active Subscriptions** and choose a new plan type. If you would like to cancel your paid plan, select **Free**.

FEES ARE NONREFUNDABLE. YOU WILL BE BILLED IN FULL FOR THE SUBSCRIPTION TERM IN WHICH YOU CANCEL AND NO REFUNDS WILL BE PROVIDED FOR THE UNUSED PORTION OF SUCH SUBSCRIPTION TERM. Following any cancellation, however, you will continue to have access to the Paid Services through the end of your current Subscription Term (except with respect to Services subject to usage-based billing). We may, in our sole discretion, provide a refund, discount, or credit ("Credits") to you in a specific instance, however the provision of Credits in a specific instance does not entitle you to Credits in the future for similar instances or obligate us to provide additional Credits.




:::
36 changes: 20 additions & 16 deletions src/content/docs/billing/create-billing-profile.mdx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -5,7 +5,7 @@ sidebar:
order: 2
---

import { Render } from "~/components";
import { Render, DashButton } from "~/components";

## Add a primary payment method

Expand All @@ -15,11 +15,13 @@ A primary payment method is required to process payment for Cloudflare products
Customers on an [Enterprise plan](https://www.cloudflare.com/plans/enterprise/contact/) have [additional payment options](/billing/create-billing-profile/#payment-options) such as wire and ACH, as well as yearly or quarterly billing.
:::

1. Log in to the [Cloudflare dashboard](https://dash.cloudflare.com) and select your account.
2. Go to **Manage account** > **Billing**.
3. Select **Payment**. If no payment method is on file, the **Payment methods** dialog opens automatically.
4. Select **Manage** next to your current payment method. The **Manage payment methods** dialog opens.
5. Enter the required information based on the payment options below:
1. In the Cloudflare dashboard, go to the **Billing** page.

<DashButton url="/?to=/:account/billing" />

2. Select **Payment**. If no payment method is on file, the **Payment methods** dialog opens automatically.
3. Select **Manage** next to your current payment method. The **Manage payment methods** dialog opens.
4. Enter the required information based on the payment options below:
**Credit card**:
1. Enter the required information under the **Credit Card Details** form.
2. If applicable, add your business information to your invoice, including your **Company** and **VAT/GST Number**.
Expand All @@ -34,9 +36,9 @@ Customers on an [Enterprise plan](https://www.cloudflare.com/plans/enterprise/co
Because some countries tax goods and services on personal accounts, you may be asked to indicate whether your Cloudflare account is personal or business to determine tax eligibility.
:::

6. Review the payment method and contact information to ensure it is accurate.
7. To finish, select **Confirm**.
8. Ensure your new payment method appears in the **Payment Method** section.
5. Review the payment method and contact information to ensure it is accurate.
6. To finish, select **Confirm**.
7. Ensure your new payment method appears in the **Payment Method** section.

Enterprise customers must email [[email protected]](mailto:[email protected]) with the last four digits of the credit card and its expiration date.

Expand All @@ -46,13 +48,15 @@ Optionally, add a backup payment method to use if the primary payment method fai

<Render file="two-payment-methods" product="billing" />

1. Log in to the [Cloudflare dashboard](https://dash.cloudflare.com).
2. Go to **Manage account** > **Billing**.
3. Select **Payment**.
4. From **Payment methods**, select **Manage**.
5. From **Backup**, select **Add** to enter a backup payment method.
6. Enter the required information based on your preferred payment method (credit card or PayPal) and select **Confirm**.
7. To make the backup payment method the primary method, select **Make primary payment method**.
1. In the Cloudflare dashboard, go to the **Billing** page.

<DashButton url="/?to=/:account/billing" />

2. Select **Payment**.
3. From **Payment methods**, select **Manage**.
4. From **Backup**, select **Add** to enter a backup payment method.
5. Enter the required information based on your preferred payment method (credit card or PayPal) and select **Confirm**.
6. To make the backup payment method the primary method, select **Make primary payment method**.

## Payment options

Expand Down
16 changes: 11 additions & 5 deletions src/content/docs/billing/invoices.mdx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -5,6 +5,8 @@ sidebar:
order: 10
---

import { DashButton } from "~/components";

You will receive an invoice in the **Billing** section of your Cloudflare account when you:

* Change your Cloudflare plan type.
Expand All @@ -22,8 +24,10 @@ Enterprise customers receive invoices directly from the Cloudflare accounting te

To enable Cloudflare invoice emails which are sent when you add or remove subscriptions from your account:

1. Log in to the [Cloudflare dashboard](https://dash.cloudflare.com) and select your account.
2. Go to **Manage Account** > **Billing**.
1. In the Cloudflare dashboard, go to the **Billing** page.

<DashButton url="/?to=/:account/billing" />

3. Select **Invoices & Documents**.
4. From **Billing email preferences**, toggle the notification switch to **On**.

Expand All @@ -35,9 +39,11 @@ After you enable email invoices, you will receive invoices via email:

## Download invoice

1. Log in to the [Cloudflare dashboard](https://dash.cloudflare.com) and select your account.
2. Go to **Manage Account** > **Billing**.
3. Select **Invoices & Documents**.
1. In the Cloudflare dashboard, go to the **Billing** page.

<DashButton url="/?to=/:account/billing" />

2. Select **Invoices & Documents**.
4. Find the invoice you want to download and select the icon next to the invoice number.

:::note
Expand Down
36 changes: 22 additions & 14 deletions src/content/docs/billing/pay-invoices-overdue-balances.mdx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -5,6 +5,8 @@ sidebar:
order: 4
---

import { DashButton } from "~/components";

If the automatic retry attempts to take payment fails, and you have not manually paid the invoice, your account will have an overdue balance. An overdue balance will block you from purchasing new products or subscriptions, upgrading existing ones, and you won’t be able to update your billing profile until you have successfully paid the balance. Attempts to purchase or upgrade subscriptions will return an error mentioning this:

**You cannot add or modify subscriptions or services until the outstanding balance is paid.**
Expand All @@ -29,12 +31,14 @@ Please note that some unpaid invoices may not be visible. These unpaid invoices

When an outstanding balance is due, a new invoice will be created in your account for that amount. When you view that new invoice, it will show the original invoice number that the outstanding balance relates to. You can look up this original invoice to understand which product(s) were not fully paid for.

1. Log in to the [Cloudflare dashboard](https://dash.cloudflare.com) and select your account. If you have multiple accounts, select the account you want to manage from the list.
2. Go to **Manage Account** > **Billing**.
3. Select **Invoices and documents**.
4. Select the most recent invoice - the amount shown should match your outstanding balance
5. On the invoice PDF, look for the section below the **Pay Online** link: **Invoice that pays the following outstanding balance:** and note the invoice number
6. Go back to the **Invoices and documents** section and click to view the invoice number
1. In the Cloudflare dashboard, go to the **Billing** page.

<DashButton url="/?to=/:account/billing" />

2. Select **Invoices and documents**.
3. Select the most recent invoice - the amount shown should match your outstanding balance
4. On the invoice PDF, look for the section below the **Pay Online** link: **Invoice that pays the following outstanding balance:** and note the invoice number
5. Go back to the **Invoices and documents** section and click to view the invoice number

## Pay an outstanding balance

Expand All @@ -44,20 +48,24 @@ Allow up to 24 hours for your payment to be recognized and for your account to b

To pay the total outstanding balance:

1. Log in to the [Cloudflare dashboard](https://dash.cloudflare.com) and select your account. If you have multiple accounts, select the account you want to manage from the list.
2. Go to **Manage Account** > **Billing**.
3. Go to the **Pay overdue balances** section.
4. Select **Pay now** next to the balance you want to pay.
1. In the Cloudflare dashboard, go to the **Billing** page.

<DashButton url="/?to=/:account/billing" />

2. Go to the **Pay overdue balances** section.
3. Select **Pay now** next to the balance you want to pay.

You will be redirected to our payment system to proceed.

## Manually pay invoices

If an automatic subscription renewal payment fails, Cloudflare automatically retries the payment using your default payment method five times over five days. During this period, you can log into the dashboard and attempt to manually pay the invoices.

1. Log in to the [Cloudflare dashboard](https://dash.cloudflare.com) and select your account. If you have multiple accounts, select the account you want to manage from the list.
2. Go to **Manage Account** > **Billing**.
3. Select **Invoices and documents**.
4. Select **Pay now** next to the invoice you want to pay.
1. In the Cloudflare dashboard, go to the **Billing** page.

<DashButton url="/?to=/:account/billing" />

2. Select **Invoices and documents**.
3. Select **Pay now** next to the invoice you want to pay.

You will be redirected to our payment system to proceed.
80 changes: 46 additions & 34 deletions src/content/docs/billing/update-billing-info.mdx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -5,7 +5,7 @@ sidebar:
order: 3
---

import { Render } from "~/components";
import { Render, DashButton } from "~/components";

To avoid potential disruptions in your Cloudflare services, make sure your billing information is current and accurate.

Expand All @@ -15,12 +15,14 @@ If Cloudflare is unable to process your payment, review [Troubleshooting failed

<Render file="two-payment-methods" product="billing" />

1. Log in to the [Cloudflare dashboard](https://dash.cloudflare.com) and select your account.
2. Go to **Manage account** > **Billing**.
3. Select **Payment**.
4. Select **Manage** next to your current payment method. The **Manage payment methods** dialog opens.
5. Select **Edit** next to the payment method you would like to edit.
6. Enter the required information and select **Save Payment Information**.
1. In the Cloudflare dashboard, go to the **Billing** page.

<DashButton url="/?to=/:account/billing" />

2. Select **Payment**.
3. Select **Manage** next to your current payment method. The **Manage payment methods** dialog opens.
4. Select **Edit** next to the payment method you would like to edit.
5. Enter the required information and select **Save Payment Information**.

## Delete a payment method

Expand All @@ -32,35 +34,41 @@ If you currently subscribe to any [add-on services](/billing/usage-based-billing
You cannot delete a payment method if a payment fails or if there is an outstanding balance. Until Cloudflare processes payment, you can only add or edit your payment method.
:::

1. Log in to the [Cloudflare dashboard](https://dash.cloudflare.com).
2. Go to **Manage account** > **Billing**.
3. Select **Payment**.
4. From **Payment methods**, select **Manage**.
5. Next to your current payment method, select **Delete**.
6. Select **Confirm** to finish.
1. In the Cloudflare dashboard, go to the **Billing** page.

<DashButton url="/?to=/:account/billing" />

2. Select **Payment**.
3. From **Payment methods**, select **Manage**.
4. Next to your current payment method, select **Delete**.
5. Select **Confirm** to finish.

## Update your billing address

The billing address is associated with your payment method and is used to calculate your sales tax. If you need to update your billing address, you must also enter your payment method. The process for updating your billing address depends on the payment method.

If paying by credit card:

1. Log in to the [Cloudflare dashboard](https://dash.cloudflare.com).
2. Go to **Manage account** > **Billing**.
3. From **Billing Address**, select **Edit** and enter your information.
4. Review the suggested address in the pop-up window. If the information is correct, select **Confirm**.
1. In the Cloudflare dashboard, go to the **Billing** page.

<DashButton url="/?to=/:account/billing" />

2. From **Billing Address**, select **Edit** and enter your information.
3. Review the suggested address in the pop-up window. If the information is correct, select **Confirm**.

If paying by PayPal, refer to PayPal's [billing address documentation](https://www.paypal.com/ai/smarthelp/article/how-do-i-edit-the-billing-address-linked-to-my-credit-card-faq680).

## Update billing email address

Your billing email address is particularly important if you have [opted into email invoices](/billing/invoices/#enable-email-invoices-from-cloudflare).

1. Log into the [Cloudflare dashboard](https://dash.cloudflare.com) and select your account.
2. Go to **Manage Account** > **Billing**.
3. Go to **Invoices and documents**.
4. From **Billing email preference**, select **Change email address**.
5. Enter and confirm your new email address, then select **Save**.
1. In the Cloudflare dashboard, go to the **Billing** page.

<DashButton url="/?to=/:account/billing" />

2. Go to **Invoices and documents**.
3. From **Billing email preference**, select **Change email address**.
4. Enter and confirm your new email address, then select **Save**.

## Add or change a Tax ID, VAT, or GST number

Expand All @@ -70,22 +78,26 @@ If you added a payment method but did not include a Tax ID, VAT or GST number, y
You cannot apply a VAT or GST number to past invoices. Adding a VAT or GST number will only apply to future invoices issued in the account.
:::

1. Log in to the [Cloudflare dashboard](https://dash.cloudflare.com) and select your account.
2. Go to **Manage Account** > **Billing**.
3. Go to **Payment**.
4. From **Billing Address**, select **Edit**.
5. In the **VAT/GST** field, enter your VAT or GST number.
6. Select **Confirm**.
1. In the Cloudflare dashboard, go to the **Billing** page.

<DashButton url="/?to=/:account/billing" />

2. Go to **Payment**.
3. From **Billing Address**, select **Edit**.
4. In the **VAT/GST** field, enter your VAT or GST number.
5. Select **Confirm**.

## Remove a Tax ID, VAT, or GST number

:::note
You cannot remove a VAT or GST number from past invoices. Removing a VAT or GST number will only apply to future invoices issued in the account.
:::

1. Log in to the [Cloudflare dashboard](https://dash.cloudflare.com) and select your account.
2. Go to **Manage Account** > **Billing**.
3. Go to **Payment**.
4. From **Billing Address**, select **Edit**.
5. In the **VAT/GST** field, delete the VAT or GST number.
6. Select **Confirm**.
1. In the Cloudflare dashboard, go to the **Billing** page.

<DashButton url="/?to=/:account/billing" />

2. Go to **Payment**.
3. From **Billing Address**, select **Edit**.
4. In the **VAT/GST** field, delete the VAT or GST number.
5. Select **Confirm**.
Loading