fix(bil): test guideflow (#3676)

Author: jsudraud

console/billing/how-to/add-payment-method.mdx

@@ -21,34 +21,39 @@ Before you can order Scaleway resources, you must add a payment method to your a
 - [Owner](/identity-and-access-management/iam/concepts/#owner) status or [IAM permissions](/identity-and-access-management/iam/concepts/#permission) allowing you to perform actions in the intended Organization
 
 ## How to add a credit card
-
-<Message type="important">
-  You can follow the procedure below to add a **debit** card as well.
-</Message>
-
-1. Access the [Scaleway console](https://console.scaleway.com/organization).
-2. On the **Billing** page, click the [Payment and billing](https://console.scaleway.com/billing/payment) tab.
-3. Scroll down to **Payment methods** and open the **Credit card** tab.
-4. Click the **Add a credit card** button. A pop-up appears.
-5. Enter the details of your credit or debit card.
-6. Click **Add credit card** to confirm. A [3D Secure](https://en.wikipedia.org/wiki/3-D_Secure) validation is initiated. Depending on your bank, you may be asked to enter a code received by SMS or via an application on your smartphone.
-7. Enter the code and validate the form.
+<Tabs id="add credit card">
+  <TabsTab label="Read the step-by-step">
+    1. Access the [Scaleway console](https://console.scaleway.com/organization).
+    2. On the **Billing** page, click the [Payment and billing](https://console.scaleway.com/billing/payment) tab.
+    3. Scroll down to **Payment methods** and open the **Credit card** tab.
+    4. Click the **Add a credit card** button. A pop-up appears.
+    5. Enter the details of your credit or debit card.
+    6. Click **Add credit card** to confirm. A [3D Secure](https://en.wikipedia.org/wiki/3-D_Secure) validation is initiated. Depending on your bank, you may be asked to enter a code received by SMS or via an application on your smartphone.
+    7. Enter the code and validate the form.
     <Message type="note">
      When you register a new credit card, an authorization charge of **€1** is debited from your account. This **Authorization Charge** is a dummy transaction made to check the validity of the card and will carry a 4-digit validation code, displayed on your bank account statement. The authorization charge will be reimbursed within 48 to 72 hours.
     </Message>
-8. Click **Verify**. A pop-up appears.
-9. Enter the 4-digit validation code displayed on your bank account statement.
+    8. Click **Verify**. A pop-up appears.
+    9. Enter the 4-digit validation code displayed on your bank account statement.
     <Message type="note">
       * It may take up to 24 hours for the transaction to appear on your bank statement.
       * Bank account statements have different displays depending on the bank, but the validation code can always be found in the description of your transactions. The image below provides an example of how the validation code might appear in your bank statement:
 
       <Lightbox src="scaleway-bank-statement.webp" alt="Screenshot of a bank account statement. Under the transactions section, an entry called SCW*C-6569E-COMMERCE displays. The validation code is represented by the number sequence" />
     </Message>
-
-
 <Message type="important">
   You have up to 10 days to enter your validation code in the console.
 </Message>
+  </TabsTab>
+  <TabsTab label="See guided tour">
+   <GuideFlow src="https://app.guideflow.com/embed/np1n0xoczk"/>
+  </TabsTab>
+</Tabs>
+
+<Message type="important">
+  You can follow the procedure below to add a **debit** card as well.
+</Message>
+
 
 ## How to add a SEPA mandate