Skip to content

Commit acf7ef7

Browse files
sarahsanders-dockersarahsanders-docker
committed
UI flows for cycle.md and details.md
1 parent cf53465 commit acf7ef7

File tree

2 files changed

+119
-28
lines changed

2 files changed

+119
-28
lines changed

‎content/manuals/billing/core-billing/cycle.md‎

Lines changed: 36 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -20,18 +20,54 @@ When you change the billing cycle's duration:
2020

2121
## Personal account
2222

23+
{{< tabs >}}
24+
{{< tab name="Docker subscription" >}}
25+
26+
1. Sign in to the [Docker Billing Console](app.docker.com/billing).
27+
2. Select the **Actions icon** to open the switch to Annual page.
28+
3. Select the **Annual** option and review your billing information.
29+
4. Optional. If needed, select **Change** to update your billing information.
30+
5. Select **Continue to payment**.
31+
6. Confirm or **Change** your payment method.
32+
7. Review your new plan details on the right-hand side of the page, and select **Update subscription**.
33+
34+
The Billing Console's Plans and usage page will now reflect your new annual plan details.
35+
36+
{{< /tab >}}
37+
{{< tab name="Legacy Docker subscription" >}}
38+
2339
1. Select your avatar in the top-right corner of Docker Hub.
2440
2. From the drop-down menu select **Billing**.
2541
3. In the bottom-right of the **Plan** tab, select **Switch to annual billing**.
2642
4. Review the information displayed on the **Change to an Annual subscription** page and select **Accept Terms and Purchase** to confirm.
2743

44+
{{< /tab >}}
45+
{{< /tabs >}}
46+
2847
## Organization
2948

3049
> [!NOTE]
3150
>
3251
> You must be an organization owner to make changes to the payment information.
3352
53+
{{< tabs >}}
54+
{{< tab name="Docker subscription" >}}
55+
56+
1. Sign in to the [Docker Billing Console](app.docker.com/billing).
57+
2. Select the **Actions icon** to open the switch to Annual page.
58+
3. Select the **Annual** option and review your billing information.
59+
4. Optional. If needed, select **Change** to update your billing information.
60+
5. Select **Continue to payment**.
61+
6. Confirm or **Change** your payment method.
62+
7. Review your new plan details on the right-hand side of the page, and select **Update subscription**.
63+
64+
{{< /tab >}}
65+
{{< tab name="Legacy Docker subscription" >}}
66+
3467
1. In Docker Hub, select **Organizations**.
3568
2. Select the organization that you want to change the payment method for.
3669
3. In the bottom-right of the **Plan** tab, select **Switch to annual billing**.
3770
4. Review the information displayed on the **Change to an Annual subscription** page and select **Accept Terms and Purchase** to confirm.
71+
72+
{{< /tab >}}
73+
{{< /tabs >}}

‎content/manuals/billing/core-billing/details.md‎

Lines changed: 83 additions & 28 deletions
Original file line numberDiff line numberDiff line change
@@ -7,40 +7,65 @@ aliases:
77
- /billing/details/
88
---
99

10-
{{< include "tax-compliance.md" >}}
11-
12-
You can update the billing information for your personal account or for an organization. When you update your billing information, these changes apply to future billing invoices.
13-
14-
> [!IMPORTANT]
15-
>
16-
> You can't update an existing invoice, including paid and unpaid invoices.
10+
You can update the billing information for your personal account or for an organization. When you update your billing information, these changes apply to future billing invoices. Note that you can't update an existing invoice, including paid and unpaid invoices.
1711

1812
The billing information provided appears on all your billing invoices. The email address provided is where Docker sends all invoices and other [billing-related communication](#update-your-email-address-that-receives-billing-invoices).
1913

14+
{{< include "tax-compliance.md" >}}
15+
2016
## Manage billing information
2117

2218
### Personal account
2319

24-
1. Select your avatar in the top-right corner of Docker Hub.
25-
2. From the drop-down menu select **Billing**.
26-
3. Select **Billing Address**.
27-
4. Enter your updated billing information.
28-
5. Select **Submit**.
20+
{{< tabs >}}
21+
{{< tab name="Docker subscription" >}}
22+
23+
1. Sign in to the [Docker Billing Console](app.docker.com/billing).
24+
2. Select **Billing information** from the left-hand navigation.
25+
3. On your billing information card, select **Change**.
26+
4. Update your billing contact and billing address information as needed, then select **Update**.
27+
28+
{{< /tab >}}
29+
{{< tab name="Legacy Docker subscription" >}}
30+
31+
1. Sign in to [Docker Hub](hub.docker.com).
32+
2. Select your avatar in the top-right corner.
33+
3. From the drop-down menu, select **Billing**.
34+
4. Select **Billing Address** and enter your updated billing information.
35+
6. Select **Submit**.
36+
37+
{{< /tab >}}
38+
{{< /tabs >}}
2939

3040
### Organization
3141

3242
> [!NOTE]
3343
>
3444
> You must be an organization owner to make changes to the billing information.
3545
36-
1. Select your avatar in the top-right corner of Docker Hub.
37-
2. From the drop-down menu select **Billing**.
38-
3. Select the organization that you want to change the payment method for.
39-
4. Select **Billing Address**.
40-
5. Enter your updated billing information.
41-
6. Select **Submit**.
46+
{{< tabs >}}
47+
{{< tab name="Docker subscription" >}}
48+
49+
1. Sign in to the [Docker Billing Console](app.docker.com/billing).
50+
2. Select **Billing information** from the left-hand navigation.
51+
3. On your billing information card, select **Change**.
52+
4. Update your billing contact and billing address information as needed, then select **Update**.
4253

43-
## Update your email address that receives billing invoices
54+
{{< /tab >}}
55+
{{< tab name="Legacy Docker subscription" >}}
56+
57+
1. Sign in to [Docker Hub](hub.docker.com).
58+
2. Select your avatar in the top-right corner.
59+
3. From the drop-down menu select **Billing**.
60+
4. Select the organization that you want to change the payment method for.
61+
5. Select **Billing Address**.
62+
6. Enter your updated billing information.
63+
7. Select **Submit**.
64+
65+
{{< /tab >}}
66+
{{< /tabs >}}
67+
68+
## Update your billing invoice email address
4469

4570
Docker sends the following billing-related emails:
4671

@@ -55,17 +80,47 @@ You can update the email address that receives billing invoices at any time.
5580

5681
### Personal account
5782

58-
1. Select your avatar in the top-right corner of Docker Hub.
59-
2. From the drop-down menu select **Billing**.
60-
3. Select **Billing Address**.
61-
4. Update the email address in the **Billing contact** section.
62-
5. Select **Submit**.
83+
{{< tabs >}}
84+
{{< tab name="Docker subscription" >}}
6385

64-
### Organizations
86+
1. Sign in to the [Docker Billing Console](app.docker.com/billing).
87+
2. Select **Billing information** from the left-hand navigation.
88+
3. On your billing information card, select **Change**.
89+
4. Update your billing contact information and select **Update**.
6590

66-
1. Select your avatar in the top-right corner of Docker Hub.
67-
2. From the drop-down menu select **Billing**.
68-
3. Select the name of the organization.
91+
{{< /tab >}}
92+
{{< tab name="Legacy Docker subscription" >}}
93+
94+
1. Sign in to [Docker Hub](hub.docker.com).
95+
2. Select your avatar in the top-right corner.
96+
3. From the drop-down menu select **Billing**.
6997
4. Select **Billing Address**.
7098
5. Update the email address in the **Billing contact** section.
7199
6. Select **Submit**.
100+
101+
{{< /tab >}}
102+
{{< /tabs >}}
103+
104+
### Organizations
105+
106+
{{< tabs >}}
107+
{{< tab name="Docker subscription" >}}
108+
109+
1. Sign in to the [Docker Billing Console](app.docker.com/billing).
110+
2. Select **Billing information** from the left-hand navigation.
111+
3. On your billing information card, select **Change**.
112+
4. Update your billing contact information and select **Update**.
113+
114+
{{< /tab >}}
115+
{{< tab name="Legacy Docker subscription" >}}
116+
117+
1. Sign in to [Docker Hub](hub.docker.com).
118+
2. Select your avatar in the top-right corner.
119+
3. From the drop-down menu select **Billing**.
120+
4. Select the name of the organization.
121+
5. Select **Billing Address**.
122+
6. Update the email address in the **Billing contact** section.
123+
7. Select **Submit**.
124+
125+
{{< /tab >}}
126+
{{< /tabs >}}

0 commit comments

Comments
 (0)