Updates navigation for DLS and LB (#24884)

angelampcosta · web-flow · commit fc54a6743e40 · 2025-09-03T11:05:39.000+01:00
* Updates navigation for DLS and LB

* Adds missing componenent
diff --git a/src/content/docs/data-localization/how-to/pages.mdx b/src/content/docs/data-localization/how-to/pages.mdx
@@ -5,7 +5,7 @@ sidebar:
   order: 2
 ---
 
-import { TabItem, Tabs } from "~/components";
+import { TabItem, Tabs, DashButton } from "~/components";
 
 In the following sections, we will give you some details about how to configure Pages with Regional Services and Customer Metadata Boundary.
 
@@ -15,13 +15,15 @@ To configure Regional Services for hostnames [proxied](/dns/proxy-status/) throu
 
 <Tabs syncKey="dashPlusAPI"> <TabItem label="Dashboard">
 
-1. Log in to the [Cloudflare dashboard](https://dash.cloudflare.com/), and select an account.
-2. Go to the **Workers & Pages** tab.
-3. Select your Pages project.
-4. Follow these steps to [create a Custom Domain](/pages/configuration/custom-domains/).
-5. Go to the **DNS** of the zone you configured the Custom Domain for.
-6. From the **Region** dropdown, select the region you would like to use on your domain.
-7. Select **Save**.
+1. In the Cloudflare dashboard, go to the **Workers & Pages** page.
+
+   <DashButton url="/?to=/:account/workers-and-pages" />
+
+2. Select your Pages project.
+3. Follow these steps to [create a Custom Domain](/pages/configuration/custom-domains/).
+4. Go to the **DNS** of the zone you configured the Custom Domain for.
+5. From the **Region** dropdown, select the region you would like to use on your domain.
+6. Select **Save**.
 
 </TabItem>
 
diff --git a/src/content/docs/data-localization/how-to/r2.mdx b/src/content/docs/data-localization/how-to/r2.mdx
@@ -5,19 +5,21 @@ sidebar:
   order: 6
 ---
 
-import { Details } from "~/components";
+import { Details, DashButton } from "~/components";
 
 In the following sections, we will give you some details about how to configure R2 with Regional Services and Customer Metadata Boundary.
 
 ## Regional Services
 
 To configure Regional Services for hostnames [proxied](/dns/proxy-status/) through Cloudflare and ensure that processing of requesting objects from a [R2 Bucket](/r2/buckets/) occurs only in-region, follow these steps:
 
-1. Log in to the [Cloudflare dashboard](https://dash.cloudflare.com/), and select an account.
-2. Go to the **R2** tab.
-3. Follow the steps to [create a Bucket](/r2/buckets/create-buckets/).
-4. [Connect a bucket to a custom domain](/r2/buckets/public-buckets/#connect-a-bucket-to-a-custom-domain).
-5. Run the [API POST](/data-localization/regional-services/get-started/#configure-regional-services-via-api) command on the configured bucket custom domain to create a `regional_hostnames` with a specific region.
+1. In the Cloudflare dashboard, go to the **R2** page.
+ 
+   <DashButton url="/?to=/:account/r2/overview" />
+
+2. Follow the steps to [create a Bucket](/r2/buckets/create-buckets/).
+3. [Connect a bucket to a custom domain](/r2/buckets/public-buckets/#connect-a-bucket-to-a-custom-domain).
+4. Run the [API POST](/data-localization/regional-services/get-started/#configure-regional-services-via-api) command on the configured bucket custom domain to create a `regional_hostnames` with a specific region.
 
 Regional Services only applies to the custom domain configured for an R2 Bucket.
 
diff --git a/src/content/docs/data-localization/how-to/workers.mdx b/src/content/docs/data-localization/how-to/workers.mdx
@@ -6,17 +6,21 @@ sidebar:
 
 ---
 
+import { DashButton } from "~/components";
+
 In the following sections, we will give you some details about how to configure Workers with Regional Services and Customer Metadata Boundary.
 
 ## Regional Services
 
 To configure Regional Services for hostnames [proxied](/dns/proxy-status/) through Cloudflare and ensure that processing of a Workers project occurs only in-region, follow these steps:
 
-1. Log in to the [Cloudflare dashboard](https://dash.cloudflare.com/), and select an account.
-2. Go to the **Workers & Pages** tab.
-3. Select your Workers project.
-4. Follow the steps to [create a custom domain](/workers/configuration/routing/custom-domains/).
-5. Run the [API POST](/data-localization/regional-services/get-started/#configure-regional-services-via-api) command on the configured Workers Custom Domain to create a `regional_hostnames` with a specific region.
+1. In the Cloudflare dashboard, go to the **Workers & Pages** page.
+
+   <DashButton url="/?to=/:account/workers-and-pages" />
+
+2. Select your Workers project.
+3. Follow the steps to [create a custom domain](/workers/configuration/routing/custom-domains/).
+4. Run the [API POST](/data-localization/regional-services/get-started/#configure-regional-services-via-api) command on the configured Workers Custom Domain to create a `regional_hostnames` with a specific region.
 
 ### Caveats
 
diff --git a/src/content/docs/load-balancing/additional-options/load-balancing-rules/create-rules.mdx b/src/content/docs/load-balancing/additional-options/load-balancing-rules/create-rules.mdx
@@ -6,7 +6,7 @@ sidebar:
 
 ---
 
-import { Example } from "~/components"
+import { Example, DashButton } from "~/components"
 
 Create and manage [Load Balancing rules](/load-balancing/additional-options/load-balancing-rules/) in the **Custom Rules** page, which is part of the Create/Edit Load Balancer workflow found in **Traffic** in the dashboard.
 
@@ -20,20 +20,22 @@ Create and manage [Load Balancing rules](/load-balancing/additional-options/load
 
 ## Example Workflow
 
-1. Log in to the [Cloudflare dashboard](https://dash.cloudflare.com) and select an account.
-2. Go to **Load Balancing**.
-3. Edit an existing load balancer or [create a new load balancer](/load-balancing/load-balancers/create-load-balancer/).
-4. From the Load Balancer workflow, select **Custom Rules**.
-5. Select **Create Custom Rule**.
-6. In the **Field** drop-down list, choose an HTTP property. For more details, refer to [Supported fields](/load-balancing/additional-options/load-balancing-rules/reference/).
-7. In the **Operator** drop-down list, choose an operator. For more details, refer to [Operators](/load-balancing/additional-options/load-balancing-rules/reference/#operators-and-grouping-symbols).
-8. Enter the value to match. When the field is an ordered list, **Value** is a drop-down list. Otherwise, **Value** is a text input.
-9. (Optional) To create a compound expression using logical operators, select **And** or **Or**.
-10. For an action, choose **Respond with fixed response** or **Override** and enter additional details. For a full list of actions, refer to [Actions](/load-balancing/additional-options/load-balancing-rules/actions/).
-11. (Optional) Select **Add another override**.
-12. After you create your rule, select **Save and Deploy** or **Save as Draft**.
-13. Select **Next** and review your changes.
-14. Select **Save** to confirm.
+1. In the Cloudflare dashboard, go to the **Load Balancing** page.
+
+   <DashButton url="/?to=/:account/load-balancing" />
+
+2. Edit an existing load balancer or [create a new load balancer](/load-balancing/load-balancers/create-load-balancer/).
+3. From the Load Balancer workflow, select **Custom Rules**.
+4. Select **Create Custom Rule**.
+5. In the **Field** drop-down list, choose an HTTP property. For more details, refer to [Supported fields](/load-balancing/additional-options/load-balancing-rules/reference/).
+6. In the **Operator** drop-down list, choose an operator. For more details, refer to [Operators](/load-balancing/additional-options/load-balancing-rules/reference/#operators-and-grouping-symbols).
+7. Enter the value to match. When the field is an ordered list, **Value** is a drop-down list. Otherwise, **Value** is a text input.
+8. (Optional) To create a compound expression using logical operators, select **And** or **Or**.
+9. For an action, choose **Respond with fixed response** or **Override** and enter additional details. For a full list of actions, refer to [Actions](/load-balancing/additional-options/load-balancing-rules/actions/).
+10. (Optional) Select **Add another override**.
+11. After you create your rule, select **Save and Deploy** or **Save as Draft**.
+12. Select **Next** and review your changes.
+13. Select **Save** to confirm.
 
 :::caution[Warning]
 
diff --git a/src/content/docs/load-balancing/additional-options/spectrum.mdx b/src/content/docs/load-balancing/additional-options/spectrum.mdx
@@ -8,7 +8,7 @@ head:
     content: Add load balancing to Spectrum applications
 ---
 
-import { Render } from "~/components";
+import { Render, DashButton } from "~/components";
 
 You can configure [Spectrum](/spectrum/) with Load Balancing to bring resiliency to your TCP or UDP based applications.
 
@@ -22,15 +22,19 @@ The exact settings will vary depending on your use case. Refer to the following
 
 ### 1. Configure your load balancer
 
-1. Log in to the [Cloudflare dashboard](https://dash.cloudflare.com/login) and select an account where the Load Balancing add-on is [enabled](/load-balancing/get-started/enable-load-balancing/).
+1. In the Cloudflare dashboard, go to the **Load Balancing** page.
 
-2. Go to **Load Balancing** and select **Create load balancer**.
+   <DashButton url="/?to=/:account/load-balancing" />
 
-3. On the **Load Balancer Setup**, select **Public load balancer**
+2. Select an account where the Load Balancing add-on is [enabled](/load-balancing/get-started/enable-load-balancing/).
 
-4. Choose the website to which you want to add this load balancer.
+3. Go to **Load Balancing** and select **Create load balancer**.
 
-5. On the **Hostname** page, define the settings presented and select **Next**.
+4. On the **Load Balancer Setup**, select **Public load balancer**
+
+5. Choose the website to which you want to add this load balancer.
+
+6. On the **Hostname** page, define the settings presented and select **Next**.
    - Enter a **Hostname**, which is the DNS name at which the load balancer is available. For more details on record priority, refer to [DNS records for load balancing](/load-balancing/load-balancers/dns-records/).
      :::caution
 
@@ -40,19 +44,19 @@ The exact settings will vary depending on your use case. Refer to the following
    - Keep the orange cloud icon enabled, meaning the load balancer is proxied. This refers to the [proxy mode](/load-balancing/understand-basics/proxy-modes/) and, with Spectrum, traffic is always proxied.
    - Keep **Session Affinity** and **Failover across pools** disabled as these features are not supported with Spectrum.
 
-6. On the **Add a Pool** page, define the settings presented and select **Next**.
+7. On the **Add a Pool** page, define the settings presented and select **Next**.
    - Select one or more existing pools or [create a new pool](/load-balancing/pools/create-pool/#create-a-pool) [^1].
    - If needed, update the [fallback pool](/load-balancing/understand-basics/health-details/#fallback-pools) [^2].
 
-7. On the **Monitors** page, define the settings presented and select **Next**.
+8. On the **Monitors** page, define the settings presented and select **Next**.
    - Review the monitors attached to your pools.
    - If needed, you can attach an existing monitor or [create a new monitor](/load-balancing/monitors/create-monitor/#create-a-monitor).
 
-8. On the **Traffic Steering** page, choose an option for [Traffic steering](/load-balancing/understand-basics/traffic-steering/steering-policies/) and select **Next**.
+9. On the **Traffic Steering** page, choose an option for [Traffic steering](/load-balancing/understand-basics/traffic-steering/steering-policies/) and select **Next**.
 
-9. Keep **Custom Rules** page empty as this feature is not supported with Spectrum.
+10. Keep **Custom Rules** page empty as this feature is not supported with Spectrum.
 
-10. On the **Review** page:
+11. On the **Review** page:
 
 - Review your configuration and make any changes.
   - If you set traffic steering to **Off**, re-order the pools in your load balancer to adjust the fallback order.
diff --git a/src/content/docs/load-balancing/get-started/enable-load-balancing.mdx b/src/content/docs/load-balancing/get-started/enable-load-balancing.mdx
@@ -10,15 +10,17 @@ description: Learn how to enable load balancing.
 
 ---
 
-import { Render } from "~/components"
+import { Render, DashButton } from "~/components"
 
 Load balancing is an add-on for your account, meaning your account needs a [billing profile](/billing/create-billing-profile/).
 
 To enable [Load Balancing](https://dash.cloudflare.com/?to=/:account/:zone/traffic/load-balancing):
 
-1. Log in to your [Cloudflare dashboard](https://dash.cloudflare.com/) and select your account.
-2. Go to **Load Balancing**.
-3. Select **Enable Load Balancing** in the **Status** column.
-4. Choose your plan options and confirm payment.
+1. In the Cloudflare dashboard, go to the **Load Balancing** page.
+
+   <DashButton url="/?to=/:account/load-balancing" />
+
+2. Select **Enable Load Balancing** in the **Status** column.
+3. Choose your plan options and confirm payment.
 
 <Render file="non-contract-enablement" product="fundamentals" />
diff --git a/src/content/docs/load-balancing/pools/cloudflare-pages-origin.mdx b/src/content/docs/load-balancing/pools/cloudflare-pages-origin.mdx
diff --git a/src/content/docs/load-balancing/private-network/warp.mdx b/src/content/docs/load-balancing/private-network/warp.mdx
diff --git a/src/content/docs/load-balancing/understand-basics/adaptive-routing.mdx b/src/content/docs/load-balancing/understand-basics/adaptive-routing.mdx
