[Rules] Use DashButton in instructions (#24886)

pedrosousa · web-flow · commit 6626b1e083ba · 2025-09-03T17:12:22.000+01:00
diff --git a/src/content/docs/rules/custom-errors/edit-error-pages.mdx b/src/content/docs/rules/custom-errors/edit-error-pages.mdx
@@ -5,7 +5,7 @@ sidebar:
   order: 2
 ---
 
-import { Details } from "~/components";
+import { Details, DashButton } from "~/components";
 
 ## Before you start
 
@@ -61,13 +61,15 @@ The following HTML code is an example error page for 5XX errors without styling:
 
 To update an account-level custom error page:
 
-1. Log in to the [Cloudflare dashboard](https://dash.cloudflare.com/) and select your account.
-2. Go to **Manage Account** > **Configurations**.
-3. Select **Error Pages** and identify your desired custom error page type.
-4. (Optional) To preview the current error page (default or custom), select the link in the **Show** column.
-5. To edit the error page, select three dots > **Edit** next to the page type you previously identified.
-6. To use Cloudflare's default page, select **Cloudflare default page.** To provide a custom error page, select **Custom page** and enter the URL of the custom error page you created.
-7. Select **Confirm**.
+1. In the Cloudflare dashboard, go to the **Settings** page.
+
+   <DashButton url="/?to=/:account/configurations" />
+
+2. Go to **Error Pages** and identify your desired custom error page type.
+3. (Optional) To preview the current error page (default or custom), select the link in the **Show** column.
+4. To edit the error page, select the three dots > **Edit** next to the page type you previously identified.
+5. To use Cloudflare's default page, select **Cloudflare default page.** To provide a custom error page, select **Custom page** and enter the URL of the custom error page you created.
+6. Select **Confirm**.
 
 ### Zone-level custom error page
 
@@ -76,7 +78,7 @@ To edit a zone-level custom error page:
 1. Log in to the [Cloudflare dashboard](https://dash.cloudflare.com/), and select your account and website.
 2. Go to **Error Pages** and identify your desired custom error page type.
 3. (Optional) To preview the current error page (default or custom), select the link in the **Show** column.
-4. To edit the error page, select three dots > **Edit** next to the page type you previously identified.
+4. To edit the error page, select the three dots > **Edit** next to the page type you previously identified.
 5. To use Cloudflare's default page, select **Cloudflare default page.** To provide a custom error page, select **Custom page** and enter the URL of the custom error page you created.
 6. Select **Confirm**.
 
diff --git a/src/content/docs/rules/origin-rules/tutorials/point-to-pages-with-custom-domain.mdx b/src/content/docs/rules/origin-rules/tutorials/point-to-pages-with-custom-domain.mdx
@@ -8,7 +8,7 @@ products:
   - Origin Rules
 ---
 
-import { Example } from "~/components";
+import { Example, DashButton } from "~/components";
 
 This example configures an origin rule and a DNS record to point to a Pages deployment with a custom domain.
 
@@ -27,8 +27,11 @@ When configuring your Pages custom domain, use a custom domain that you do not p
 
 To add the custom domain to your Pages deployment:
 
-1. Log in to the [Cloudflare dashboard](https://dash.cloudflare.com) and select your account.
-2. Go to **Workers & Pages** and select your Pages project.
+1. In the Cloudflare dashboard, go to the **Workers & Pages** page.
+
+   <DashButton url="/?to=/:account/workers-and-pages" />
+
+2. Select your Pages project.
 3. Go to **Custom domains**.
 4. Select **Set up a custom domain**.
 5. Enter `blogmirror.example.com` and select **Continue**.
diff --git a/src/content/docs/rules/origin-rules/tutorials/point-to-r2-bucket-with-custom-domain.mdx b/src/content/docs/rules/origin-rules/tutorials/point-to-r2-bucket-with-custom-domain.mdx
@@ -8,7 +8,7 @@ products:
   - Origin Rules
 ---
 
-import { Example } from "~/components";
+import { Example, DashButton } from "~/components";
 
 This example configures an origin rule and a DNS record to point to an R2 bucket configured with a custom domain.
 
@@ -23,8 +23,11 @@ When configuring your R2 bucket's custom domain, use a custom domain that you do
 
 ## 1. Configure custom domain in your Pages project
 
-1. Log in to the [Cloudflare dashboard](https://dash.cloudflare.com/) and select your account.
-2. Go to **R2 Object Storage** and select your bucket.
+1. In the Cloudflare dashboard, go to the **R2 object storage** page.
+
+   <DashButton url="/?to=/:account/r2/overview" />
+
+2. Select your bucket.
 3. On the bucket page, select **Settings**.
 4. Under **Public access** > **Custom Domains**, select **Connect Domain**.
 5. Enter the domain name you want to connect to — `imagesbucket.example.com` in this example — and select **Continue**.
diff --git a/src/content/docs/rules/trace-request/how-to.mdx b/src/content/docs/rules/trace-request/how-to.mdx
@@ -11,7 +11,7 @@ head:
 description: Learn how to use Cloudflare Trace in the dashboard and with the API.
 ---
 
-import { GlossaryTooltip } from "~/components";
+import { GlossaryTooltip, DashButton } from "~/components";
 
 ## Use Trace in the dashboard
 
@@ -22,14 +22,15 @@ import { GlossaryTooltip } from "~/components";
 
 ### 2. Build a trace
 
-1. In the [Cloudflare dashboard](https://dash.cloudflare.com), go to Account Home > **Trace**.
+1. In the Cloudflare dashboard, go to the **Trace** page.
+
+   <DashButton url="/?to=/:account/trace" />
 
 2. Enter a URL to trace. The URL must include a hostname that belongs to your account.
 
 3. Select an HTTP method. If you select _POST_, _PUT_, or _PATCH_, you should enter a value in **Request Body**.
 
 4. (Optional) Define any custom request properties to simulate the conditions of a specific HTTP/S request. You can customize the following request properties:
-
    - **Protocol** (HTTP protocol version)
    - **User Agent and Request Headers**
    - **Cookies**
diff --git a/src/content/docs/rules/url-forwarding/bulk-redirects/create-dashboard.mdx b/src/content/docs/rules/url-forwarding/bulk-redirects/create-dashboard.mdx
@@ -6,7 +6,7 @@ sidebar:
   label: Create in the dashboard
 ---
 
-import { Details, Render } from "~/components";
+import { Details, Render, DashButton } from "~/components";
 
 To create Bulk Redirects in the Cloudflare dashboard you must:
 
@@ -15,7 +15,7 @@ To create Bulk Redirects in the Cloudflare dashboard you must:
 
 You can create Bulk Redirect Lists and Bulk Redirect Rules in the Cloudflare dashboard:
 
-- At the account level, in **Bulk Redirects**.
+- At the account level, in **Bulk redirects**.
 - At the zone level, go to **Rules** > **Settings** and select the **Bulk Redirects** tab.
 
 However, the lists and rules only exist at the account level and every zone in the same account will show the same items.
@@ -28,45 +28,49 @@ However, the lists and rules only exist at the account level and every zone in t
 
 ## 1. Create a Bulk Redirect List
 
-1. Log in to the [Cloudflare dashboard](https://dash.cloudflare.com) and select your account.
+{/* prettier-ignore-start */}
 
-2. Go to Account Home > **Bulk Redirects**.
+1. In the Cloudflare dashboard, go to the **Bulk redirects** page.
 
-3. Under **Bulk Redirect Lists**, select **Create Bulk Redirect List**.
+   <DashButton url="/?to=/:account/bulk-redirects" />
 
-4. Enter a list name and description, and select **Next**.
+2. Under **Bulk Redirect Lists**, select **Create Bulk Redirect List**.
 
-5. You can import a CSV file containing several URL redirects or enter URL redirects one at a time in the dashboard.
+3. Enter a list name and description, and select **Next**.
 
-:::note
-The source URL of each redirect cannot include a query string. For more information, refer to the [supported URL components](/rules/url-forwarding/bulk-redirects/reference/url-components/).
-:::
+4. You can import a CSV file containing several URL redirects or enter URL redirects one at a time in the dashboard.
+
+   :::note
+   The source URL of each redirect cannot include a query string. For more information, refer to the [supported URL components](/rules/url-forwarding/bulk-redirects/reference/url-components/).
+   :::
+
+   <Details header="Import a CSV file">
 
-<Details header="Import a CSV file">
+   1. Drag and drop a CSV file containing URL redirects or select **browse** and select a CSV file. For more information on the file format, refer to [CSV file format](/rules/url-forwarding/bulk-redirects/reference/csv-file-format/).
 
-6. Drag and drop a CSV file containing URL redirects or select **browse** and select a CSV file. For more information on the file format, refer to [CSV file format](/rules/url-forwarding/bulk-redirects/reference/csv-file-format/).
+   2. The dashboard will display the URL redirects that were successfully imported from the file. You can manually adjust the displayed records or add/remove URL redirects before proceeding.
 
-7. The dashboard will display the URL redirects that were successfully imported from the file. You can manually adjust the displayed records or add/remove URL redirects before proceeding.
+   3. Select **Next**.
 
-8. Select **Next**.
+   </Details>
 
-</Details>
+   <Details header="Add URL redirects manually">
 
-<Details header="Add URL redirects manually">
+   1. Select **Or, manually add URL redirects**.
 
-9. Select **Or, manually add URL redirects**.
+   2. Enter the URL redirects you wish to add to the list. You must enter at least the following three fields: **Source URL**, **Target URL**, and **Status**. To set additional options, expand **Edit parameters**.
 
-10. Enter the URL redirects you wish to add to the list. You must enter at least the following three fields: **Source URL**, **Target URL**, and **Status**. To set additional options, expand **Edit parameters**.
+   3. Add more URL redirects, if required.
 
-11. Add more URL redirects, if required.
+   4. Select **Next**.
 
-12. Select **Next**.
+   </Details>
 
-</Details>
+5. Review and edit the URL redirects you imported or created, and select **Next**.
 
-13. Review and edit the URL redirects you imported or created, and select **Next**.
+6. Select **Continue to Redirect Rules** to go to the rule creation page, and follow the instructions in the next section. You must create a Bulk Redirect Rule to enable the URL redirects you defined.
 
-14. Select **Continue to Redirect Rules** to go to the rule creation page, and follow the instructions in the next section. You must create a Bulk Redirect Rule to enable the URL redirects you defined.
+{/* prettier-ignore-end */}
 
 :::note[Notes]
 
@@ -77,9 +81,11 @@ The source URL of each redirect cannot include a query string. For more informat
 ## 2. Create a Bulk Redirect Rule
 
 1. (Optional) If you are not using the Bulk Redirect List creation wizard according to the instructions in the previous section:
-   1. Log in to the [Cloudflare dashboard](https://dash.cloudflare.com) and select your account.
-   2. Go to Account Home > **Bulk Redirects**.
-   3. Select **Create Bulk Redirect Rule**.
+   1. In the Cloudflare dashboard, go to the **Bulk redirects** page.
+
+      <DashButton url="/?to=/:account/bulk-redirects" />
+
+   2. Select **Create Bulk Redirect Rule**.
 
 2. In **Rule name**, enter a descriptive name for the rule.
 
