docs(add): new wbh journey (#5239)

Author: nerda-codes

macros/webhosting/wordpress-plan.mdx

@@ -0,0 +1,16 @@
+---
+macro: wordpress-plan
+---
+
+The Scaleway WordPress hosting plan includes:
+
+- A preconfigured WordPress installation: Your WordPress website is automatically provisioned
+- Easy access to WordPress admin: You will receive an email with a direct link to your WordPress admin dashboard. You can also access it anytime from the **Overview** tab of [your Web Hosting](https://console.scaleway.com/webhosting/) by clicking the **Open hosting dashboard** button
+- Automatic database creation: A database is automatically created and connected to your WordPress installation
+
+<Message type="important">
+ **WordPress limitations:**
+
+ - Each WordPress hosting plan supports **only one website**
+ - You **cannot create additional databases** beyond the one that is automatically provided
+</Message>

menu/navigation.json

@@ -3135,6 +3135,10 @@
                 "label": "Quickstart",
                 "slug": "quickstart"
               },
+              {
+                "label": "FAQ",
+                "slug": "faq"
+              },
               {
                 "items": [
                   {
@@ -3145,6 +3149,10 @@
                     "label": "Configure DNS for Web Hosting",
                     "slug": "configure-dns-webhosting"
                   },
+                  {
+                    "label": "Manage a Web Hosting with cPanel",
+                    "slug": "manage-cpanel-webhosting"
+                  },
                   {
                     "label": "Manage a Web Hosting plan",
                     "slug": "manage-webhosting"

pages/webhosting/assets/scaleway-webhosting-control-panel-dashboard.webp

@@ -7,11 +7,13 @@ content:
   paragraph: This page explains all the concepts related to Scaleway’s Web Hosting service
 tags: managed-services webhosting
 dates:
-  validation: 2025-04-16
+  validation: 2025-07-09
 categories:
   - managed-services
 ---
 
+import WordpressWBHPlan from '@macros/webhosting/wordpress-plan.mdx'
+
 ## Alias
 
 An email alias is an additional email address for an email account, with which a user can send and receive emails, or set forwards to. A single user account can have multiple email aliases, with different domains or even with the same domain.
@@ -43,6 +45,10 @@ Filtering allows you to sort your emails depending on different criteria (the se
 
 `.htaccess` is a simple text file containing commands for the configuration of the Apache web server. It allows you to personalize the server dynamically and per folder. The configuration values are inherited through directories. Common applications for setting up a `.htaccess` file are switching between PHP4 and PHP5, protection of a part of the site, redirecting a website to another, or customizing error messages. Once on the server, its name must be `.htaccess`, starting with a dot.
 
+## Hosting dashboard
+
+Your hosting dashboard is the admin interface (cPanel or WordPress) where you can manage your website's content and settings.
+
 ## PHP
 
 PHP is a server-side scripting language designed for web development but also used as a general-purpose programming language. While PHP originally stood for Personal Home Page, it now stands for PHP: Hypertext Preprocessor, which is a recursive backronym.
@@ -64,4 +70,10 @@ Web Hosting is a service provided by Scaleway which offers storage space and acc
 - The management of your emails, including anti-spam, antivirus and filter systems
 - Unlimited subdomains
 - An FTP account to upload your website
-- At least one database
+- At least one database
+
+## WordPress
+
+WordPress is a user-friendly content management system (CMS) that allows you to create, edit, and manage your website without requiring any coding or technical skills.
+
+<WordpressWBHPlan />

pages/webhosting/assets/scaleway-webmail.webp

@@ -0,0 +1,58 @@
+---
+meta:
+  title: Web Hosting
+  description: Explore Web Hosting with our comprehensive FAQ covering website management and hosting capabilities.
+content:
+  h1: Web Hosting FAQ
+dates:
+  validation: 2025-07-09
+category: managed-services
+productIcon: WebhostingProductIcon
+---
+
+import WordpressWBHPlan from '@macros/webhosting/wordpress-plan.mdx'
+
+## Can you create a Web Hosting if you do not have a domain yet?
+
+Yes. During the Web Hosting creation process, you are prompted to enter a domain that will be linked to your Web Hosting. This domain will serve as your website's entry point.
+You can create your Web Hosting even if you have not registered any domain yet, by selecting **External domain or register later**.
+
+<Message type="important">
+  However, once you have created your Web Hosting, remember to **register your domain** either at Scaleway or another provider, and **update your domain's DNS records to use Scaleway's configuration** to connect your domain to Web Hosting.
+  Find out how to register a Scaleway domain in the [dedicated documentation](/domains-and-dns/how-to/register-internal-domain/).
+</Message>
+
+
+## Can you create a Web Hosting if your domain is registered with a different provider?
+
+Yes. During the Web Hosting creation process, you are prompted to enter a domain that will be linked to your Web Hosting. This domain will serve as your website's entry point.
+You can create your Web Hosting even if you have registered your domain with a different provider, by selecting **External domain or register later**.
+
+<Message type="important">
+  However, once you have created your Web Hosting, remember to **update your domain's DNS records to use Scaleway's configuration** to connect your domain to Web Hosting.
+</Message>
+
+
+## What is the difference between cPanel and WordPress admin?
+
+When creating your Web Hosting, you can choose to manage your website through two different management interfaces: cPanel or WordPress.
+
+**cPanel** is a control panel that gives you access to technical tools to manage your hosting environment, such as:
+ - Setting up email accounts
+ - Managing files
+ - Creating databases
+ - Installing software, or
+ - Uploading a custom-coded website.
+
+ You can control your website’s structure and appearance by uploading or editing HTML, CSS, or PHP files directly.
+
+**WordPress** is a user-friendly dashboard for WordPress websites that helps you create and manage your website. With WordPress, you can:
+ - Customize themes
+ - Add content, and
+ - Install plugins
+
+ You can define how your website looks and behaves without needing to code.
+
+## What does the WordPress Web Hosting plan include?
+
+<WordpressWBHPlan />

pages/webhosting/concepts.mdx

@@ -7,7 +7,7 @@ content:
   paragraph: Discover step-by-step instructions on configuring DNS settings for your web hosting, ensuring seamless connectivity and performance.
 tags: webhosting mx-record domain a-record aaaa-record
 dates:
-  validation: 2025-01-13
+  validation: 2025-07-09
   posted: 2023-01-17
 categories:
   - managed-services
@@ -26,12 +26,12 @@ To link your domain name with Web Hosting, you must update the DNS configuration
 - [Registered a domain name](/domains-and-dns/how-to/register-internal-domain/) at Scaleway or another registrar
 - A Web Hosting plan
 
-1. Navigate to the **Web Hosting** section under **Domains & Web Hosting** in the [console](https://console.scaleway.com/) side menu. The **Web Hosting** overview page displays.
-2. Click <Icon name="seeMore" /> (see more) or select the domain name of the Web Hosting plan you wish to configure. This opens the **Hosting Information** page.
-3. Select the **DNS Verification** tab. The DNS configuration page displays.
+1. Click **Web Hosting** in the **Domains & Web Hosting** section of the side menu.
+2. Click the domain of the Web Hosting plan you wish to configure. The **Hosting information** page displays.
+3. Click the **DNS verification** tab.
 4. Update your DNS servers. You have two options:
-    - **Use of Scaleway's DNS servers**:
-        Scaleway provides DNS servers for your Web Hosting plan, which include all required DNS configurations. To use these nameservers, update the nameservers associated with your domain name to those provided by Scaleway.
+    - **Scaleway DNS servers**:
+        Scaleway provides DNS servers for your Web Hosting plan with the required DNS configuration. To use the Scaleway DNS servers, replace the nameservers associated with your domain with those provided by Scaleway.
         <Message type="note">
           DNS server updates can take 24 to 48 hours to propagate across the internet.
         </Message>
@@ -43,9 +43,8 @@ To link your domain name with Web Hosting, you must update the DNS configuration
           * MX records for enabling webmail services
         </Message>
     <Message type="important">
-      Your website and email mailbox will be unavailable during DNS server propagation. To avoid this downtime and minimize the delay before your site becomes accessible, use the manual configuration option described above.
+      Your website and email mailbox will be unavailable during DNS server propagation. To avoid this downtime and minimize the delay before your website becomes accessible, use the manual configuration option described above.
     </Message>
 5. After updating your DNS configuration, click **Verify domain**. This initiates the DNS verification process.
-
     <Lightbox image={image} alt="" />
-    Once the process has been completed, you will notice a green dot next to **DNS verification**. Your DNS is now configured and linked with your Web Hosting plan.
+    Once the process is complete, a green check with the text **Configured** will display next to the nameservers and records to configure.

pages/webhosting/faq.mdx

@@ -0,0 +1,114 @@
+---
+meta:
+  title: How to manage your Web Hosting with cPanel
+  description: Learn how to manage your Web Hosting with cPanel
+content:
+  h1: How to manage your Web Hosting with cPanel
+  paragraph: Learn how to manage your Web Hosting with cPanel
+tags: webhosting cpanel control-panel
+dates:
+  validation: 2025-07-09
+  posted: 2025-07-09
+categories:
+  - managed-services
+---
+
+import Requirements from '@macros/iam/requirements.mdx'
+import image2 from '../assets/scaleway-cpanel-language1.webp'
+import image3 from '../assets/scaleway-cpanel-language2.webp'
+import image4 from '../assets/scaleway-cpanel-language3.webp'
+import image5 from '../assets/scaleway-cpanel-login1.webp'
+import image6 from '../assets/scaleway-cpanel-login2.webp'
+import image7 from '../assets/scaleway-cpanel-email.webp'
+import image8 from '../assets/scaleway-cpanel-email-create.webp'
+import image9 from '../assets/scaleway-cpanel-email-create-form.webp'
+import image10 from '../assets/scaleway-email-created.webp'
+import image11 from '../assets/scaleway-webmail.webp'
+import image12 from '../assets/scaleway-cpanel-filemanager.webp'
+import image13 from '../assets/scaleway-cpanel-filemanager-view.webp'
+
+<Requirements />
+
+- A Scaleway account logged into the [console](https://console.scaleway.com)
+- [Owner](/iam/concepts/#owner) status or [IAM permissions](/iam/concepts/#permission) allowing you to perform actions in the intended Organization
+- [Registered a domain name](/domains-and-dns/how-to/register-internal-domain/) at Scaleway or another registrar
+- Ordered a cPanel Web Hosting
+- [Created an email account](/webhosting/quickstart/#how-to-create-a-mailbox-from-the-scaleway-console)
+
+## How to change the language in cPanel
+
+cPanel is a multi-language solution, and you can switch the language of the interface to your preferences.
+
+1. Click **Web Hosting** in the **Domains & Web Hosting** section of the [console](https://console.scaleway.com/) side menu. The **Web Hosting** overview page displays.
+2. Click <Icon name="more" /> and **More info**, or the domain name of the Web Hosting plan you want to configure. The **Hosting information** page displays.
+3. Click **Open hosting dashboard** to open the cPanel hosting dashboard. The login screen displays.
+4. Click `...` on the right below the login form to open a list of all available languages.
+    <Lightbox image={image2} alt="" />
+5. Click the language of your choice from the pop-up. A notification displays.
+    <Lightbox image={image3} alt="" />
+6. Log in using your credentials to use the control panel in your preferred language.
+    <Lightbox image={image4} alt="" />
+
+## How to access cPanel
+
+1. Click **Web Hosting** in the **Domains & Web Hosting** section of the [console](https://console.scaleway.com/) side menu. The **Web Hosting** overview page displays.
+2. Click <Icon name="more" /> and **More info**, or the domain name of the Web Hosting plan you want to configure. The **Hosting information** page displays.
+3. Click **Open hosting dashboard** to open the cPanel hosting dashboard. The login screen displays.
+4. Enter your **user** and the **temporary password** from the mail you have received after account creation.
+    <Lightbox image={image5} alt="" />
+5. Enter your **temporary password** as well as your **new password** and it's confirmation. A secret password with a score of 65/100 or more is required for the new password.
+    <Lightbox image={image6} alt="" />
+    <Message type="tip">
+      You can use the **Password generator** to generate a safe, random password.
+    </Message>
+6. Click **Change your password now** to confirm the password update. You are being redirected to the login screen and you can login using your user and the newly set password.
+
+## How to create a mailbox in cPanel
+
+1. Click **Web Hosting** in the **Domains & Web Hosting** section of the [console](https://console.scaleway.com/) side menu. The **Web Hosting** overview page displays.
+2. Click <Icon name="more" /> and **More info**, or the domain name of the Web Hosting plan you want to configure. The **Hosting information** page displays.
+3. Click **Open hosting dashboard** and log in using your cPanel username and password.
+4. Click **Email accounts** in the **Email** section of the dashboard. A list of your mailboxes displays.
+     <Lightbox image={image7} alt="" />
+5. Click **+ Create** on the email account overview page.
+     <Lightbox image={image8} alt="" />
+6. Enter the email user name (first part of the email address before the "@" sign).
+7. In the Password section:
+    * Choose **Set password now** and input a secure password (not a dictionary word), including uppercase and lowercase letters, numbers, and symbols.
+         <Message type="tip">
+            * The control panel rates the password on a scale of 0 to 100, with 0 being weak and 100 being very secure.
+            * Use the reveal icon to show the entered password.
+            * Click **Generate** to create a random secure password and reveal it.
+         </Message>
+    * Alternatively, select **Send login link to alternate email address** and input an email to receive a password creation link.
+        <Lightbox image={image9} alt="" />
+8. Click **+ Create** to create the email mailbox. Your new email mailbox displays in the list of email accounts:
+       <Lightbox image={image10} alt="" />
+
+## How to access the cPanel webmail interface from the Scaleway console
+
+1. Click **Web Hosting** in the **Domains & Web Hosting** section of the [console](https://console.scaleway.com/) side menu. The **Web Hosting** overview page displays.
+2. Click <Icon name="more" /> and **More info**, or the domain name of the Web Hosting plan you want to configure. The **Hosting information** page displays.
+3. Click the **Emails** tab, then click **Access webmail** to open your webmail in a new browser tab.
+    <Lightbox image={image11} alt="" />
+       <Message type="note">
+         The address of the webmail for your Web Hosting may be different. Always use the link provided for your Web Hosting plan.
+       </Message>
+4. Enter your email address and password and click **Log in** to connect to the webmail interface.
+       <Message type="tip">
+         Click `...` below the login form to choose another language for the webmail interface.
+       </Message>
+
+## How to manage the files of your Web Hosting
+
+1. Click **Web Hosting** in the **Domains & Web Hosting** section of the [console](https://console.scaleway.com/) side menu. The **Web Hosting** overview page displays.
+2. Click the Web Hosting domain you want to manage, then click **Open hosting dashboard** and log in using your cPanel username and password.
+3. Click **File Manager** in the **Files** section of the dashboard.
+    <Lightbox image={image12} alt="" />
+    The file manager displays.
+4. Navigate to the `public_html` directory to upload, modify, or download your Web Hosting data.
+    <Lightbox image={image13} alt="" />
+    <Message type="tip">
+     * For more information on how to use the file manager, refer to the official [File Manager documentation](https://docs.cpanel.net/cpanel/files/file-manager/)
+     * You can also access your Web Hosting data via FTP by creating [FTP accounts](https://docs.cpanel.net/cpanel/files/ftp-accounts/)
+    </Message>

pages/webhosting/how-to/assets/scaleway-dns-verification.webp

@@ -26,7 +26,7 @@ You can create and manage databases for your website and applications, including
 - A Web Hosting plan
 
 <Message type="tip">
-  This guide focuses on managing your databases through the Scaleway console. For advanced configurations, you can access your [Web Hosting control panel](/webhosting/quickstart/#how-to-access-the-web-hosting-control-panel-from-the-scaleway-console).
+  This guide focuses on managing your databases through the Scaleway console. For advanced configurations, you can access your [Web Hosting control panel](/webhosting/quickstart/#how-to-access-your-hosting-dashboard-from-the-scaleway-console).
 </Message>
 
 ## How to create a database