diff --git a/docusaurus/docs/cloud/account/account-billing.md b/docusaurus/docs/cloud/account/account-billing.md
index 990b2cabea..ae45d1ec7b 100644
--- a/docusaurus/docs/cloud/account/account-billing.md
+++ b/docusaurus/docs/cloud/account/account-billing.md
@@ -1,19 +1,19 @@
---
-title: Account billing details
+title: Account billing & invoices
displayed_sidebar: cloudSidebar
-description: Manage billing details for Strapi Cloud account.
+description: Manage billing details and invoices for Strapi Cloud account.
canonicalUrl: https://docs.strapi.io/cloud/account/account-billing.html
---
-# Account billing details
+import InvoiceStatus from '/docs/snippets/invoices-statuses.md'
-Through the *Profile* page, accessible by clicking on your profile picture on the top right hand corner of the interface then clicking on **Profile**, you can access the *Billing* tab.
+# Account billing & invoices
-The *Billing* tab displays and enables you to modify the billing details and payment method set for the account. This information will by default be reused for every new project created with your Strapi Cloud account.
+Through the *Profile* page, accessible by clicking on your profile picture on the top right hand corner of the interface then clicking on **Profile**, you can access the [![Billing icon](/img/assets/icons/CreditCard.svg) *Billing*](#account-billing) and [![Invoices icon](/img/assets/icons/Invoice.svg) *Invoices*](#account-invoices) tabs.
-:::note
-The Payment method section can only be accessible once the mandatory fields of the Billing details section have been filled in.
-:::
+## Account billing
+
+The ![Billing icon](/img/assets/icons/CreditCard.svg) *Billing* tab displays and enables you to modify the billing details and payment method set for the account.
-## Managing subscriptions
+The *Payment method* section of the ![Billing icon](/img/assets/icons/CreditCard.svg) *Billing* tab allows you to manage the credit cards that can be used for the Strapi Cloud projects. The *Billing details* section requires to be filled in, at least for the mandatory fields, as this information will be the default billing details for all Strapi Cloud projects related to your account.
-Using the **Manage subscriptions** button in the *Billing* tab, you can:
+### Adding a new credit card
-- view and edit your subscriptions by clicking on the active subscription(s) tile(s): change project name, update shipping details, [edit current subscription](#edit-subscription) and [cancel current subscription](#cancel-subscription),
-- view and edit your Account Information: email, password and company name,
-- view and edit your Billing & Shipping Addresses,
-- view and edit your Payment Methods and add new ones,
-- access your Billing History and download your invoices.
+1. In the *Payment method* section of the ![Billing icon](/img/assets/icons/CreditCard.svg) *Billing* tab, click on the **Add card** button.
+2. Fill in the following fields:
-
-
-## Edit subscription
+| Field name | Description |
+| --- | --- |
+| Card Number | Write the number of the credit card to add as payment method. |
+| Expires | Write the expiration date of the credit card. |
+| CVC | Write the 3-numbers code displayed at the back of the credit card. |
-From the subscription management modal, you can view and modify any current subscription. This includes upgrading or downgrading to another plan.
+3. Click on the **Save** button.
-:::caution
-If you choose to downgrade to another plan but your current usage exceeds the limits of that plan, you are taking the risk of getting charged for the overages. Not also that you may lose access to some features: for example, downgrading to the Developer plan which doesn't include the Backups feature, would make you lose all your project's backups. Please refer to [Usage & Billing](/cloud/getting-started/usage-billing) for more information.
+:::tip
+The first credit card to be added as payment method for the account will by default be the primary one. It is however possible to define another credit card as primary by clicking on the ![Menu icon](/img/assets/icons/more.svg) icon, then **Switch as primary**.
:::
-
+### Deleting a credit card
+
+To remove a credit card from the list of payment methods for the account:
+
+1. Click on the ![Menu icon](/img/assets/icons/more.svg) icon of the credit card you wish to delete.
+2. Click **Remove card**. The card is immediately deleted.
-1. Click on an active subscription tile (e.g. "Strapi Cloud Pro $99.00" located above the subscriptions management links such as _Account Information_, _Billing & Shipping Addresses_). You will be redirected to your subscription details.
-2. Click on the **Edit Subscription** link.
-3. If you only want to add addons (e.g. additional seats), click on the **Add Addons** button.
-4. If you want to change plan, whether it is a plan upgrade or a downgrade (e.g. from Pro plan to Team plan, or from Pro plan to Developer plan), click on **Change** and select a new plan.
-5. Confirm your modifications by clicking on the **Update Subscription** button at the bottom of the modal.
+:::note
+You cannot delete the primary card as at least one credit card must be available as payment method, and the primary card is by default that one. If the credit card you wish to delete is currently the primary card, you must first define another credit card as primary, then delete it.
+:::
-## Cancel subscription
+## Account invoices
+
+The ![Invoices icon](/img/assets/icons/Invoice.svg) *Invoices* tab displays the complete list of invoices for all your Strapi Cloud projects.
-1. Click on an active subscription tile (e.g. "Strapi Cloud Pro $99.OO"). You will be redirected to your subscription details.
-2. Click on the **Cancel Subscription** link.
-3. Select the reason of your cancellation from the drop-down menu, and optionally add a comment in the textbox.
-4. Confirm your choice by clicking on the **Confirm Cancellation** button.
+
+
+:::strapi Invoices are also available per project.
+In the *Settings > Invoices* tab of any project, you will find the invoices for that project only. Feel free to check the [dedicated documentation](/cloud/projects/settings#invoices).
+:::
\ No newline at end of file
diff --git a/docusaurus/docs/cloud/account/account-settings.md b/docusaurus/docs/cloud/account/account-settings.md
index c3b2359b9f..11c95bd67d 100644
--- a/docusaurus/docs/cloud/account/account-settings.md
+++ b/docusaurus/docs/cloud/account/account-settings.md
@@ -9,11 +9,11 @@ canonicalUrl: https://docs.strapi.io/cloud/account/account-settings.html
The *Profile* page enables you to manage your account details and preferences. It is accessible by clicking on your profile picture, on the top right hand corner of the interface, and **Profile**.
-There are 3 tabs available in the *Profile* interface: [*General*](#general), [*Preferences*](#preferences) and *Billing* (the latter is documented in the [Account billing details](/cloud/account/account-billing) section of this documentation).
+There are 3 tabs available in the *Profile* interface: ![General icon](/img/assets/icons/Faders.svg) [*General*](#general), ![Preferences icon](/img/assets/icons/Palette.svg) [*Preferences*](#preferences), ![Billing icon](/img/assets/icons/CreditCard.svg) *Billing* and ![Invoices icon](/img/assets/icons/Invoice.svg) Invoices (the last 2 are documented in the [Account billing details](/cloud/account/account-billing) section of this documentation).
## General
-The *General* tab enables you to edit the following details for your account profile:
+The ![General icon](/img/assets/icons/Faders.svg) *General* tab enables you to edit the following details for your account profile:
- Details: to see the name associated with your account.
- Connected accounts: to manage Google, GitHub and GitLab accounts connected with your Strapi Cloud account (see [Managing connected accounts](#managing-connected-accounts)).
@@ -39,13 +39,13 @@ You can also click on the three dots button of a connected account and click on
You can delete your Strapi Cloud account, but it will be permanent and irreversible. All associated projects and their data will be deleted as well and the subscriptions for the projects will automatically be canceled.
-1. In the *Delete account* section of the *General* tab, click on the **Delete account** button.
+1. In the *Delete account* section of the ![General icon](/img/assets/icons/Faders.svg) *General* tab, click on the **Delete account** button.
2. In the dialog, type `DELETE` in the textbox.
3. Confirm the deletion of your account by clicking on the **Delete** button.
## Preferences
-The *Preferences* tab enables you to choose the appearance of your Strapi Cloud dashboard: either the Light or Dark theme.
+The ![Preferences icon](/img/assets/icons/Palette.svg) *Preferences* tab enables you to choose the appearance of your Strapi Cloud dashboard: either the Light or Dark theme.
As a Strapi Cloud user you have the choice between 3 tiers: Developer, Pro and Team. Depending on the tier, you have access to different functionalities, support and customization options (see [Pricing page](https://strapi.io/pricing-cloud) for more details). In this Strapi Cloud documentation, the , , and badges can be displayed beside a section's title to indicate for which tier the feature is available.
-- **Strapi CMS Enterprise features** Some of Strapi features, usually accessible via the Enterprise Edition of Strapi CMS, are included in some Strapi Cloud tiers (see [Pricing page](https://strapi.io/pricing-cloud) and [Usage & Billing](/cloud/getting-started/usage-billing) for more details). These features, highlighted with an badge, are documented in the [User Guide](https://docs.strapi.io/user-docs/intro) and the [Developer Documentation](https://docs.strapi.io/dev-docs/intro).
+- **Strapi CMS Enterprise features** Some of Strapi features, usually accessible via the Enterprise Edition of Strapi CMS, are included in some Strapi Cloud tiers (see [Pricing page](https://strapi.io/pricing-cloud) and [Information on billing & usage](/cloud/getting-started/usage-billing) for more details). These features, highlighted with an badge, are documented in the [User Guide](https://docs.strapi.io/user-docs/intro) and the [Developer Documentation](https://docs.strapi.io/dev-docs/intro).
- **Types of Strapi Cloud users** There can be 2 types of users on a Strapi Cloud project: owners and maintainers. The owner is the one who has created the project and has therefore access to all features and options for the project. Maintainers are users who have been invited to contribute to an already created project by its owner. Maintainers, as documented in the [Collaboration](/cloud/projects/collaboration) page, cannot view and access all features and options from the Strapi Cloud dashboard.
diff --git a/docusaurus/docs/cloud/getting-started/intro.md b/docusaurus/docs/cloud/getting-started/intro.md
index 0db9bac5ca..abc4287764 100644
--- a/docusaurus/docs/cloud/getting-started/intro.md
+++ b/docusaurus/docs/cloud/getting-started/intro.md
@@ -39,7 +39,7 @@ The Strapi Cloud documentation that you are currently reading is organised in to
-
+
diff --git a/docusaurus/docs/cloud/getting-started/usage-billing.md b/docusaurus/docs/cloud/getting-started/usage-billing.md
index 6d0c73a7ec..80713f7952 100644
--- a/docusaurus/docs/cloud/getting-started/usage-billing.md
+++ b/docusaurus/docs/cloud/getting-started/usage-billing.md
@@ -1,10 +1,10 @@
---
-sidebar_label: 'Usage & Billing'
+sidebar_label: 'Information on billing & usage'
displayed_sidebar: cloudSidebar
sidebar_position: 3
---
-# Usage & Billing
+# Information on billing & usage
This page contains general information related to the usage and billing of your Strapi Cloud account and projects.
@@ -42,7 +42,7 @@ Strapi Cloud offers a free 14 days trial for all new accounts, and 3 paid plans:
Seats represent the maximum number of users that can access the Strapi admin panel. Each plan comes with a default number of seats.
-You can add more seats either by upgrading to a higher plan, or manually adding individual seats as desired. Seats can be added from the **Account Settings** (see [Edit subscription](/cloud/account/account-billing#edit-subscription)).
+You can add more seats either by upgrading to a higher plan, or manually adding individual seats as desired. Seats can be added from the **Billing & Usage** tab of a project's settings (see [Managing project's number of seats](/cloud/projects/settings#managing-projects-number-of-seats)).
There is however a maximum number of seats that can be added per plan:
diff --git a/docusaurus/docs/cloud/projects/settings.md b/docusaurus/docs/cloud/projects/settings.md
index ca80e0ccfd..48be7c2fd3 100644
--- a/docusaurus/docs/cloud/projects/settings.md
+++ b/docusaurus/docs/cloud/projects/settings.md
@@ -6,15 +6,25 @@ canonicalUrl: https://docs.strapi.io/cloud/projects/settings.html
sidebar_position: 2
---
+import InvoiceStatus from '/docs/snippets/invoices-statuses.md'
+
# Project settings
-From a chosen project's dashboard, the *Settings* tab, located in the header, will redirect you to the *Project Settings* page. It enables you to manage the configurations and settings for your Strapi Cloud project.
+From a chosen project's dashboard, the *Settings* tab, located in the header, enables you to manage the configurations and settings for your Strapi Cloud project.
+
+There are 7 tabs available:
-There are 5 tabs available: [*General*](#general), [*Domains*](#domains), [*Backups*](#backups), [*Variables*](#variables) and [*Billing*](#billing).
+- ![General icon](/img/assets/icons/Faders.svg) [*General*](#general),
+- ![Backups icon](/img/assets/icons/ArrowClockwise.svg) [*Backups*](#backups),
+- ![Domains icon](/img/assets/icons/Browsers.svg) [*Domains*](#domains),
+- ![Variables icon](/img/assets/icons/code2.svg) [*Variables*](#variables),
+- ![Billing & Usage icon](/img/assets/icons/CreditCard.svg) [*Billing & Usage*](#billing--usage),
+- ![Plans icon](/img/assets/icons/MapTrifold.svg) [Plans](#plans),
+- and ![Invoices icon](/img/assets/icons/Invoice.svg) [Invoices](#invoices).
## General
-The *General* tab enables you to check and update the following options for the project:
+The ![General icon](/img/assets/icons/Faders.svg) *General* tab enables you to check and update the following options for the project:
- *Details*: to see the name of your Strapi Cloud project, used to identify the project on the Cloud Dashboard, Strapi CLI, and deployment URLs. The project name is set at project creation (see [Project creation](/cloud/getting-started/deployment)) and cannot be modified afterwards.
- *Connected Git repository*: to change the branch of the GitHub repository used for your project (see [Modifying GitHub repository branch](#modifying-git-repository-branch)). Also allows to enable/disable the "deploy on push" option.
@@ -44,7 +54,7 @@ Updating the git repository could result in the loss of the project and its data
#### Updating repository
-1. In the *Connected git repository* section of the *General* tab, click on the **Update repository** button.
+1. In the *Connected git repository* section of the ![General icon](/img/assets/icons/Faders.svg) *General* tab, click on the **Update repository** button.
2. (optional) If you wish to not only update the repository but switch to another git provider, click on the **Switch to GitHub/GitLab** button at the bottom of the *Update repository* dialog. You will be redirected to the chosen git provider's authorization settings before getting back to the *Update repository dialog*.
3. In the *Update repository* dialog, fill in the 3 available settings:
@@ -60,7 +70,7 @@ Updating the git repository could result in the loss of the project and its data
#### Editing branch
-1. In the *Connected git repository* section of the *General* tab, click on the **Edit branch** button.
+1. In the *Connected git repository* section of the ![General icon](/img/assets/icons/Faders.svg) *General* tab, click on the **Edit branch** button.
2. In the *Edit branch* dialog, edit the settings below:
| Setting name | Instructions |
@@ -75,7 +85,7 @@ Updating the git repository could result in the loss of the project and its data
The project's Node version is first chosen at the creation of the project (see [Creating a project](/cloud/getting-started/deployment)), through the advanced settings. It is possible to switch to another Node version afterwards.
-1. In the *Node version* section of the *General* tab, click on the **Edit** button.
+1. In the *Node version* section of the ![General icon](/img/assets/icons/Faders.svg) *General* tab, click on the **Edit** button.
2. Using the *Node version* drop-down in the dialog, click on the version of your choice.
3. Click on the **Save** button.
4. Click on the **Trigger deploy** button in the right corner of the project's header. If the deployment fails, it is because the Node version doesn't match the version of your Strapi project. You will have to switch to the other Node version and re-deploy your project again.
@@ -84,13 +94,43 @@ The project's Node version is first chosen at the creation of the project (see [
You can delete any Strapi Cloud project, but it will be permanent and irreversible. Associated domains, deployments and data will be deleted as well and the subscription for the project will automatically be cancelled.
-1. In the *Delete project* section of the *General* tab, click on the **Delete project** button.
+1. In the *Delete project* section of the ![General icon](/img/assets/icons/Faders.svg) *General* tab, click on the **Delete project** button.
2. In the dialog, select the reason why you are deleting your project. If selecting "Other" or "Missing feature", a textbox will appear to let you write additional information.
3. Confirm the deletion of your project by clicking on the **Delete project** button at the bottom of the dialog.
+## Backups {#backups}
+
+The ![Backups icon](/img/assets/icons/ArrowClockwise.svg) *Backups* tab informs you of the status and date of the latest backup of your Strapi Cloud projects. The databases associated with all existing Strapi Cloud projects are indeed automatically backed up weekly and those backups are retained for a one-month period.
+
+:::note
+The backup feature is not available for Strapi Cloud projects using the free trial or the Developer plan. You will need to upgrade to either the Pro or Team plan to have your project automatically backed up.
+
+Note also that only project owners can restore a backup. Maintainers have access to the ![Backups icon](/img/assets/icons/ArrowClockwise.svg) *Backups* tab but the **Restore backup** button won't be displayed for them. Refer to [Collaboration](/cloud/projects/collaboration) for more information.
+:::
+
+:::tip
+For projects created before the release of the Backup feature in October 2023, the first backup will automatically be triggered with the next deployment of the project.
+:::
+
+
+
+### Restoring a backup
+
+If you need to restore a backup of your project:
+
+1. In the ![Backups icon](/img/assets/icons/ArrowClockwise.svg) *Backups* section, click on the **Restore backup** button.
+2. In the dialog, choose one of the available backups of your project in the *Choose backup* drop-down.
+3. Click on the **Restore** button of the dialog. Once the restoration finished, your project will be back to the state it was at the time of the chosen backup.
+
## Domains
-The *Domains* tab enables you to manage domains and connect new ones.
+The ![Domains icon](/img/assets/icons/Browsers.svg) *Domains* tab enables you to manage domains and connect new ones.
-All existing domains for your Strapi Cloud project are listed in the *Domains* tab. For each domain, you can:
+All existing domains for your Strapi Cloud project are listed in the ![Domains icon](/img/assets/icons/Browsers.svg) *Domains* tab. For each domain, you can:
- see its current status:
- ![Edit icon](/img/assets/icons/CheckCircle.svg) Active: the domain is currently confirmed and active
@@ -125,71 +165,121 @@ Default domain names are made of 2 randomly generated words followed by a hash.
3. Click on the **Save** button.
-## Backups {#backups}
+## Variables
-The *Backups* tab informs you of the status and date of the latest backup of your Strapi Cloud projects. The databases associated with all existing Strapi Cloud projects are indeed automatically backed up weekly and those backups are retained for a one-month period.
+Environment variables (more information in the [Developer Documentation](../../dev-docs/configurations/environment)) are used to configure the environment of your Strapi application, such as the database connection.
-:::note
-The backup feature is not available for Strapi Cloud projects using the free trial or the Developer plan. You will need to upgrade to either the Pro or Team plan to have your project automatically backed up.
+
-Note also that only project owners can restore a backup. Maintainers have access to the *Backups* tab but the **Restore backup** button won't be displayed for them. Refer to [Collaboration](/cloud/projects/collaboration) for more information.
-:::
+In the ![Variables icon](/img/assets/icons/code2.svg) *Variables* tab, you can:
+- click the **Add variable** button to create a new variable
+- edit any variable, each being composed of a *Name* and a *Value*
+- click the ![Delete icon](/img/assets/icons/delete.svg) delete button associated with any variable to delete it
+- click the **Save** button to save any change made on the page
+
+## Billing & Usage
+
+The ![Billing & Usage icon](/img/assets/icons/CreditCard.svg) *Billing & Usage* tab displays all information on the current subscription plan and included usage for the project, and allows to have a detailed look at the usage. Through this tab, you can also [manage the number of seats for your project](#managing-projects-number-of-seats).
:::tip
-For projects created before the release of the Backup feature in October 2023, the first backup will automatically be triggered with the next deployment of the project.
+In the Usage section of the ![Billing & Usage icon](/img/assets/icons/CreditCard.svg) *Billing & Usage* tab, you can see the current monthly usage of your project compared to the maximum usage allowed by your project's subscription. Use the *Time range* filters to see the project's usage for any chosen month.
+
+Note also that if your usage indicates that another subscription plan would fit better for your project, a message will be displayed in the ![Billing & Usage icon](/img/assets/icons/CreditCard.svg) *Billing & Usage* tab to advise which plan you could switch to.
:::
-### Restoring a backup
+### Managing project's number of seats
-If you need to restore a backup of your project:
+You can manually add more seats or lower the number of seats for your project without necessarily upgrading or downgrading to another plan (see [full documentation on seats management](/cloud/getting-started/usage-billing#seats-management)).
-1. In the *Backups* section, click on the **Restore backup** button.
-2. In the dialog, choose one of the available backups of your project in the *Choose backup* drop-down.
-3. Click on the **Restore** button of the dialog. Once the restoration finished, your project will be back to the state it was at the time of the chosen backup.
+#### Adding more seats for the project
-## Variables
+1. In the ![Billing & Usage icon](/img/assets/icons/CreditCard.svg) *Billing & Usage* tab of your project's settings, click on the **Manage** button next to the displayed number of seats.
+2. In the window that opens, select with the drop-down the number of *Additional seats* of your choice. The cost of the additional seats is automatically calculated and displayed in the window.
+3. (optional) Click **I have a discount code**, enter your discount code in the field, and click on the **Apply** button.
+4. Click the **Save** button to confirm. You will automatically be billed with the payment method defined in your profile.
-Environment variables (more information in the [Developer Documentation](../../dev-docs/configurations/environment)) are used to configure the environment of your Strapi application, such as the database connection.
+#### Removing seats from the project
+
+1. In the ![Billing & Usage icon](/img/assets/icons/CreditCard.svg) *Billing & Usage* tab of your project's settings, click on the **Manage** button next to the displayed number of seats.
+2. In the window that opens, select with the drop-down the number of *Billed seats* you want to keep.
+3. Click the **Save button** to confirm. The new, lower number of seats will not be effective until the next month.
+
+## Plans
+
+The ![Plans icon](/img/assets/icons/MapTrifold.svg) *Plans* tab displays an overview of the available Strapi Cloud plans and allows you to upgrade or downgrade from your current plan to another.
+
+:::note
+If you are using the free trial, the *Plan* tab shows a countdown of how many days you have left, as well as indications of the next steps. For more information about the free trial and project suspension, please refer to [Information on billing & usage](/cloud/getting-started/usage-billing).
+:::
-In the *Variables* tab, you can:
-- click the **Add variable** button to create a new variable
-- edit any variable, each being composed of a *Name* and a *Value*
-- click the ![Delete icon](/img/assets/icons/delete.svg) delete button associated with any variable to delete it
-- click the **Save** button to save any change made on the page
+### Upgrading to another plan
-## Billing
+Strapi Cloud plan upgrades to another, higher plan are immediate and can be managed for each project via the project settings.
-The *Billing* tab displays all information on the current subscription plan and included usage for the project. Through this tab, you can [manage the subscription of your project](#managing-projects-subscription) and have a detailed look at its usage.
+:::note
+When using the free trial, the buttons to upgrade to another plan are greyed out and unusable until you have filled in your billing information. Please refer to [Account billing details](/cloud/account/account-billing) for more information.
+:::
-:::tip
-In the Usage section of the *Billing* tab, you can see the current monthly usage of your project compared to the maximum usage allowed by your project's subscription. Use the *Time range* filters to see the project's usage for any chosen month.
+To upgrade your current plan to a higher one:
+
+1. In the ![Plans icon](/img/assets/icons/MapTrifold.svg) *Plans* tab of your project's settings, click on the **Upgrade** button of the plan you want to upgrade to.
+2. In the window that opens, check the payment details that indicate how much you will have to pay immediately after confirming the upgrade, and the available options.
+
+ a. (optional) Click the **Edit** button to select another payment method.
+ b. (optional) Click **I have a discount code**, enter your discount code in the field, and click on the **Apply** button.
+
+3. Click on the **Upgrade to [plan name]** button to confirm the upgrade of your Strapi project to another plan.
+
+### Downgrading to another plan
+
+Strapi Cloud plan downgrades can be managed for each project via the project settings. Downgrades are however not immediately effective: the higher plan will still remain active until the end of the current month (e.g. if you downgrade from the Team plan to the Pro plan on June 18th, your project will remain on the Team plan until the end of the month: on July 1st, the Pro plan will be effective for the project).
+
+:::caution
+Make sure to check the usage of your Strapi Cloud project before downgrading: if your current usage exceeds the limits of the lower plan, you are taking the risk of getting charged for the overages. Note also that you may lose access to some features: for example, downgrading to the Developer plan which doesn't include the Backups feature, would make you lose all your project's backups. Please refer to [Information on billing & usage](/cloud/getting-started/usage-billing) for more information.
:::
+To downgrade your current plan to a lower one:
+
+1. In the ![Plans icon](/img/assets/icons/MapTrifold.svg) *Plans* tab of your project's settings, click on the **Downgrade** button of the plan you want to downgrade to.
+2. In the window that opens, check the information related to downgrading.
+3. Click on the **Downgrade** button to confirm the downgrade of your Strapi project's plan.
+
+## Invoices
+
+The ![Invoices icon](/img/assets/icons/Invoice.svg) *Invoices* tab displays the full list of invoices for your Strapi Cloud project as well as their status.
+
-### Managing project's subscription
+
-Using the **Manage subscriptions** button, you can view your current project's subscription, manage it and upgrade or downgrade to another plan. Please refer to [Account management > Account billing details](/cloud/account/account-billing) for the full documentation of the subscription management modal.
-
\ No newline at end of file
+:::strapi Invoices are also available in your profile settings.
+In the *Profile > Invoices* tab, you will find the complete list of invoices for all your projects. Feel free to check the [dedicated documentation](/cloud/account/account-billing#account-invoices).
+:::
\ No newline at end of file
diff --git a/docusaurus/docs/snippets/invoices-statuses.md b/docusaurus/docs/snippets/invoices-statuses.md
new file mode 100644
index 0000000000..8d3aac62e3
--- /dev/null
+++ b/docusaurus/docs/snippets/invoices-statuses.md
@@ -0,0 +1,11 @@
+Invoices can have any of the following statuses:
+
+- Paid: the payment has been done and the invoice is available, no additional action is required.
+- Payment pending: the invoice is not complete or validated yet
+- Payment due: the paiement didn't go through and needs to be fixed
+- Not paid: the payment has failed and won't automatically be retried
+- Voided: the invoice has been cancelled.
+
+:::tip
+Click the ![download icon](/img/assets/icons/download.svg) icon to download an invoice.
+:::
\ No newline at end of file
diff --git a/docusaurus/sidebars.js b/docusaurus/sidebars.js
index ab5ee9effe..8f550209eb 100644
--- a/docusaurus/sidebars.js
+++ b/docusaurus/sidebars.js
@@ -775,7 +775,7 @@ const sidebars = {
label: "Project deployment",
link: { type: "doc", id: "cloud/getting-started/deployment-options" },
customProps: {
- new: true,
+ updated: false,
},
items: [
{
@@ -842,7 +842,7 @@ const sidebars = {
{
type: "doc",
id: "cloud/account/account-billing",
- label: "Account billing details",
+ label: "Account billing & invoices",
customProps: {
updated: false,
},
diff --git a/docusaurus/static/img/assets/cloud/account-billing2.png b/docusaurus/static/img/assets/cloud/account-billing2.png
index 7238c7bb88..97bc5f55cb 100644
Binary files a/docusaurus/static/img/assets/cloud/account-billing2.png and b/docusaurus/static/img/assets/cloud/account-billing2.png differ
diff --git a/docusaurus/static/img/assets/cloud/account-billing2_DARK.png b/docusaurus/static/img/assets/cloud/account-billing2_DARK.png
index e92f616153..e637e41649 100644
Binary files a/docusaurus/static/img/assets/cloud/account-billing2_DARK.png and b/docusaurus/static/img/assets/cloud/account-billing2_DARK.png differ
diff --git a/docusaurus/static/img/assets/cloud/account-invoices.png b/docusaurus/static/img/assets/cloud/account-invoices.png
new file mode 100644
index 0000000000..954850f390
Binary files /dev/null and b/docusaurus/static/img/assets/cloud/account-invoices.png differ
diff --git a/docusaurus/static/img/assets/cloud/account-invoices_DARK.png b/docusaurus/static/img/assets/cloud/account-invoices_DARK.png
new file mode 100644
index 0000000000..cf6153b7bd
Binary files /dev/null and b/docusaurus/static/img/assets/cloud/account-invoices_DARK.png differ
diff --git a/docusaurus/static/img/assets/cloud/account-preferences.png b/docusaurus/static/img/assets/cloud/account-preferences.png
index 4891702021..f307acd302 100644
Binary files a/docusaurus/static/img/assets/cloud/account-preferences.png and b/docusaurus/static/img/assets/cloud/account-preferences.png differ
diff --git a/docusaurus/static/img/assets/cloud/account-preferences_DARK.png b/docusaurus/static/img/assets/cloud/account-preferences_DARK.png
index fe6bbcfd51..3a3da0b180 100644
Binary files a/docusaurus/static/img/assets/cloud/account-preferences_DARK.png and b/docusaurus/static/img/assets/cloud/account-preferences_DARK.png differ
diff --git a/docusaurus/static/img/assets/cloud/settings-general.png b/docusaurus/static/img/assets/cloud/settings-general.png
index 3e8961d4c2..9e10563822 100644
Binary files a/docusaurus/static/img/assets/cloud/settings-general.png and b/docusaurus/static/img/assets/cloud/settings-general.png differ
diff --git a/docusaurus/static/img/assets/cloud/settings-general_DARK.png b/docusaurus/static/img/assets/cloud/settings-general_DARK.png
index 4b4564bfb0..65b582df93 100644
Binary files a/docusaurus/static/img/assets/cloud/settings-general_DARK.png and b/docusaurus/static/img/assets/cloud/settings-general_DARK.png differ
diff --git a/docusaurus/static/img/assets/cloud/settings.png b/docusaurus/static/img/assets/cloud/settings.png
index 124a3fe500..38070e1e68 100644
Binary files a/docusaurus/static/img/assets/cloud/settings.png and b/docusaurus/static/img/assets/cloud/settings.png differ
diff --git a/docusaurus/static/img/assets/cloud/settings_DARK.png b/docusaurus/static/img/assets/cloud/settings_DARK.png
index beb2df0574..dc0798f7ad 100644
Binary files a/docusaurus/static/img/assets/cloud/settings_DARK.png and b/docusaurus/static/img/assets/cloud/settings_DARK.png differ
diff --git a/docusaurus/static/img/assets/cloud/settings_backups.png b/docusaurus/static/img/assets/cloud/settings_backups.png
index 844aa39eec..2f8ff80a2a 100644
Binary files a/docusaurus/static/img/assets/cloud/settings_backups.png and b/docusaurus/static/img/assets/cloud/settings_backups.png differ
diff --git a/docusaurus/static/img/assets/cloud/settings_backups_DARK.png b/docusaurus/static/img/assets/cloud/settings_backups_DARK.png
index 4300766c71..d3fdbc9e82 100644
Binary files a/docusaurus/static/img/assets/cloud/settings_backups_DARK.png and b/docusaurus/static/img/assets/cloud/settings_backups_DARK.png differ
diff --git a/docusaurus/static/img/assets/cloud/settings_billing.png b/docusaurus/static/img/assets/cloud/settings_billing.png
index cb4aa6f483..ad18b60417 100644
Binary files a/docusaurus/static/img/assets/cloud/settings_billing.png and b/docusaurus/static/img/assets/cloud/settings_billing.png differ
diff --git a/docusaurus/static/img/assets/cloud/settings_billing_DARK.png b/docusaurus/static/img/assets/cloud/settings_billing_DARK.png
index acef5caa34..aa46bb2da6 100644
Binary files a/docusaurus/static/img/assets/cloud/settings_billing_DARK.png and b/docusaurus/static/img/assets/cloud/settings_billing_DARK.png differ
diff --git a/docusaurus/static/img/assets/cloud/settings_domains.png b/docusaurus/static/img/assets/cloud/settings_domains.png
index 7920190389..765f583f2a 100644
Binary files a/docusaurus/static/img/assets/cloud/settings_domains.png and b/docusaurus/static/img/assets/cloud/settings_domains.png differ
diff --git a/docusaurus/static/img/assets/cloud/settings_domains_DARK.png b/docusaurus/static/img/assets/cloud/settings_domains_DARK.png
index 62b3a92051..7ff835e012 100644
Binary files a/docusaurus/static/img/assets/cloud/settings_domains_DARK.png and b/docusaurus/static/img/assets/cloud/settings_domains_DARK.png differ
diff --git a/docusaurus/static/img/assets/cloud/settings_invoices.png b/docusaurus/static/img/assets/cloud/settings_invoices.png
new file mode 100644
index 0000000000..2a66109438
Binary files /dev/null and b/docusaurus/static/img/assets/cloud/settings_invoices.png differ
diff --git a/docusaurus/static/img/assets/cloud/settings_invoices_DARK.png b/docusaurus/static/img/assets/cloud/settings_invoices_DARK.png
new file mode 100644
index 0000000000..ee6c83f9db
Binary files /dev/null and b/docusaurus/static/img/assets/cloud/settings_invoices_DARK.png differ
diff --git a/docusaurus/static/img/assets/cloud/settings_plans.png b/docusaurus/static/img/assets/cloud/settings_plans.png
new file mode 100644
index 0000000000..d3c6444c0c
Binary files /dev/null and b/docusaurus/static/img/assets/cloud/settings_plans.png differ
diff --git a/docusaurus/static/img/assets/cloud/settings_plans_DARK.png b/docusaurus/static/img/assets/cloud/settings_plans_DARK.png
new file mode 100644
index 0000000000..6ed9b6c362
Binary files /dev/null and b/docusaurus/static/img/assets/cloud/settings_plans_DARK.png differ
diff --git a/docusaurus/static/img/assets/cloud/settings_variables.png b/docusaurus/static/img/assets/cloud/settings_variables.png
index a15225cdb3..cdf0cd6dcf 100644
Binary files a/docusaurus/static/img/assets/cloud/settings_variables.png and b/docusaurus/static/img/assets/cloud/settings_variables.png differ
diff --git a/docusaurus/static/img/assets/cloud/settings_variables_DARK.png b/docusaurus/static/img/assets/cloud/settings_variables_DARK.png
index 78f0582d71..8e86b6b7d6 100644
Binary files a/docusaurus/static/img/assets/cloud/settings_variables_DARK.png and b/docusaurus/static/img/assets/cloud/settings_variables_DARK.png differ
diff --git a/docusaurus/static/img/assets/icons/ArrowClockwise.svg b/docusaurus/static/img/assets/icons/ArrowClockwise.svg
new file mode 100644
index 0000000000..4a92e6a522
--- /dev/null
+++ b/docusaurus/static/img/assets/icons/ArrowClockwise.svg
@@ -0,0 +1,3 @@
+
diff --git a/docusaurus/static/img/assets/icons/Browsers.svg b/docusaurus/static/img/assets/icons/Browsers.svg
new file mode 100644
index 0000000000..de61260875
--- /dev/null
+++ b/docusaurus/static/img/assets/icons/Browsers.svg
@@ -0,0 +1,3 @@
+
diff --git a/docusaurus/static/img/assets/icons/CreditCard.svg b/docusaurus/static/img/assets/icons/CreditCard.svg
new file mode 100644
index 0000000000..36db6c2f77
--- /dev/null
+++ b/docusaurus/static/img/assets/icons/CreditCard.svg
@@ -0,0 +1,3 @@
+
diff --git a/docusaurus/static/img/assets/icons/Faders.svg b/docusaurus/static/img/assets/icons/Faders.svg
new file mode 100644
index 0000000000..de08c1a0ba
--- /dev/null
+++ b/docusaurus/static/img/assets/icons/Faders.svg
@@ -0,0 +1,3 @@
+
diff --git a/docusaurus/static/img/assets/icons/Invoice.svg b/docusaurus/static/img/assets/icons/Invoice.svg
new file mode 100644
index 0000000000..f5b9188fed
--- /dev/null
+++ b/docusaurus/static/img/assets/icons/Invoice.svg
@@ -0,0 +1,3 @@
+
diff --git a/docusaurus/static/img/assets/icons/MapTrifold.svg b/docusaurus/static/img/assets/icons/MapTrifold.svg
new file mode 100644
index 0000000000..ce6cc00215
--- /dev/null
+++ b/docusaurus/static/img/assets/icons/MapTrifold.svg
@@ -0,0 +1,3 @@
+
diff --git a/docusaurus/static/img/assets/icons/Palette.svg b/docusaurus/static/img/assets/icons/Palette.svg
new file mode 100644
index 0000000000..e98e082e9d
--- /dev/null
+++ b/docusaurus/static/img/assets/icons/Palette.svg
@@ -0,0 +1,3 @@
+
diff --git a/docusaurus/static/img/assets/icons/code2.svg b/docusaurus/static/img/assets/icons/code2.svg
new file mode 100644
index 0000000000..8f9735d5dd
--- /dev/null
+++ b/docusaurus/static/img/assets/icons/code2.svg
@@ -0,0 +1,3 @@
+