[AI Audit] Rolling out DashButton for AI Crawl Control

Oxyjun · Oxyjun · commit 227605305da5 · 2025-09-16T17:30:47.000+01:00
diff --git a/src/content/docs/ai-crawl-control/configuration/ai-crawl-control-with-waf.mdx b/src/content/docs/ai-crawl-control/configuration/ai-crawl-control-with-waf.mdx
@@ -6,7 +6,7 @@ sidebar:
 
 ---
 
-import { GlossaryTooltip, Example, Steps, Tabs, TabItem } from "~/components";
+import { GlossaryTooltip, Example, Steps, Tabs, TabItem, DashButton } from "~/components";
 
 AI Crawl Control works alongside other Cloudflare products, such as Cloudflare [Web Application Firewall (WAF)](/waf/). WAF checks incoming web and API requests, and filters undesired traffic based on rules. [WAF custom rules](/waf/custom-rules/) allow you to perform certain actions such as enforcing <GlossaryTooltip term="robots.txt">`robots.txt`</GlossaryTooltip>.
 
@@ -85,8 +85,11 @@ In this scenario, you have two custom rules, each directing a different logic fo
 </TabItem> <TabItem label="New dashboard" icon="rocket">
 
 <Steps>
-1. Log in to the [Cloudflare dashboard](https://dash.cloudflare.com/), and select your account and domain.
-2. Go to **Security** > **Security rules** and filter by **Custom rules**.
+1. In the Cloudflare dashboard, go to the **Security rules** page.
+
+   <DashButton url="/?to=/:account/:zone/security/security-rules" />
+
+2. Filter by _Custom rules_.
 3. Identify your custom rule and the AI Crawl Control rule.
 4. Drag the rule you wish to prioritize to the top, or modify your custom rule to ensure it does not conflict with your AI Crawl Control configurations.
 </Steps>
diff --git a/src/content/docs/ai-crawl-control/features/analyze-ai-traffic.mdx b/src/content/docs/ai-crawl-control/features/analyze-ai-traffic.mdx
@@ -7,7 +7,7 @@ sidebar:
   order: 2
 ---
 
-import { Steps, Tabs, TabItem } from "~/components";
+import { Steps, Tabs, TabItem, DashButton } from "~/components";
 
 AI Crawl Control metrics provide you with insight on how AI crawlers are interacting with your website ([Cloudflare zone](/fundamentals/concepts/accounts-and-zones/#zones)).
 
@@ -16,6 +16,8 @@ To view AI Crawl Control metrics:
 1. Log in to the [Cloudflare dashboard](https://dash.cloudflare.com/), and select your account and domain.
 2. Go to **AI Crawl Control**.
 
+   <DashButton url="/?to=/:account/:zone/ai" />
+
 You can find meaningful information across both **Crawlers** and **Metrics** tabs.
 
 ## View AI crawler activity
diff --git a/src/content/docs/ai-crawl-control/features/manage-ai-crawlers.mdx b/src/content/docs/ai-crawl-control/features/manage-ai-crawlers.mdx
@@ -5,14 +5,17 @@ sidebar:
   order: 5
 ---
 
-import { Steps, GlossaryTooltip, Tabs, TabItem, Example, Plan } from "~/components";
+import { Steps, GlossaryTooltip, Tabs, TabItem, Example, Plan, DashButton } from "~/components";
 
 AI Crawl Control enables you to take specific action for each AI crawler.
 
 To manage AI crawlers:
 
 1. Log in to the [Cloudflare dashboard](https://dash.cloudflare.com/), and select your account and domain.
 2. Go to **AI Crawl Control**.
+
+   <DashButton url="/?to=/:account/:zone/ai" />
+
 3. Go to the **Crawlers** tab.
 
 ## Review AI crawler activity
@@ -137,6 +140,9 @@ To edit these values:
 <Steps>
 1. Log in to the [Cloudflare dashboard](https://dash.cloudflare.com/), and select your account and domain.
 2. Go to **AI Crawl Control**.
+
+   <DashButton url="/?to=/:account/:zone/ai" />
+
 3. Go to the **Settings** tab.
 4. Under **Block response**, select **Edit**.
 5. Once you have edited the values, select **Save**.
@@ -169,8 +175,6 @@ You can write a custom message (HTTP response body) to return when blocking an A
 
 In the **Response body** text field, enter the response you wish to display for the AI crawler in plain text.
 
-{/* Need guidance on what sort of information they should include */}
-
 ## Related resources
 
 - Use [pay per crawl](/ai-crawl-control/features/pay-per-crawl/what-is-pay-per-crawl/) to charge AI crawlers every time they access your content.
diff --git a/src/content/docs/ai-crawl-control/features/pay-per-crawl/use-pay-per-crawl-as-ai-owner/connect-to-stripe.mdx b/src/content/docs/ai-crawl-control/features/pay-per-crawl/use-pay-per-crawl-as-ai-owner/connect-to-stripe.mdx
@@ -7,7 +7,7 @@ sidebar:
   order: 4
 ---
 
-import { Steps } from "~/components";
+import { Steps, DashButton } from "~/components";
 
 ```mermaid
 graph LR
@@ -21,12 +21,14 @@ Connect your Cloudflare account to Stripe to process payments. Pay per crawl use
 
 {/* prettier-ignore */}
 <Steps>
-1. Log in to the [Cloudflare dashboard](https://dash.cloudflare.com/), and select your account.
-2. Go to **Manage Account** > **Configurations**.
-3. Go to the **Pay Per Crawl** tab.
-4. From **Connect to Stripe**, select **Connect**.
-5. Select **Continue to Stripe**.
-6. Follow the on-screen instructions to connect your Cloudflare account to a Stripe account.
+1. In the Cloudflare dashboard, go to **Manage Account** > **Settings**.
+
+   <DashButton url="/?to=/:account/configurations" />
+
+2. Go to the **Pay Per Crawl** tab.
+3. From **Connect to Stripe**, select **Connect**.
+4. Select **Continue to Stripe**.
+5. Follow the on-screen instructions to connect your Cloudflare account to a Stripe account.
    :::note[Use a non-personal email address]
    Cloudflare recommends using a dedicated email to manage your pay per crawl account (for example, `aicrawler@company.com`).
    :::
diff --git a/src/content/docs/ai-crawl-control/features/pay-per-crawl/use-pay-per-crawl-as-ai-owner/verify-ai-crawler.mdx b/src/content/docs/ai-crawl-control/features/pay-per-crawl/use-pay-per-crawl-as-ai-owner/verify-ai-crawler.mdx
@@ -5,7 +5,7 @@ sidebar:
   order: 10
 ---
 
-import { Steps } from "~/components";
+import { Steps, DashButton } from "~/components";
 
 ```mermaid
 graph LR
@@ -49,9 +49,11 @@ Submit a form to add your AI crawler to Cloudflare's list of verified bots.
 
 {/* prettier-ignore */}
 <Steps>
-1. Log in to the [Cloudflare dashboard](https://dash.cloudflare.com/), and select your account.
-2. Go to **Manage Account** > **Configurations**.
-3. Go to the **Verified Bots** tab.
-4. Fill out the form.
-5. Select **Submit**.
+1. In the Cloudflare dashboard, go to **Manage Account** > **Settings**.
+
+   <DashButton url="/?to=/:account/configurations" />
+
+2. Go to the **Bot Submission Form** tab.
+3. Fill out the form.
+4. Select **Submit**.
 </Steps>
diff --git a/src/content/docs/ai-crawl-control/features/pay-per-crawl/use-pay-per-crawl-as-site-owner/enable-in-account-settings.mdx b/src/content/docs/ai-crawl-control/features/pay-per-crawl/use-pay-per-crawl-as-site-owner/enable-in-account-settings.mdx
@@ -5,7 +5,7 @@ sidebar:
   order: 2
 ---
 
-import { Steps } from "~/components";
+import { Steps, DashButton } from "~/components";
 
 ```mermaid
 graph LR
@@ -35,8 +35,11 @@ An Administrator or Super Administrator with access to all domains must select w
 
 {/* prettier-ignore */}
 <Steps>
-1. Log in to the [Cloudflare dashboard](https://dash.cloudflare.com/) and select your account.
-2. Go to **Manage Account** > **Settings** > **Pay Per Crawl**.
+1. In the Cloudflare dashboard, go to **Manage Account** > **Settings**.
+
+   <DashButton url="/?to=/:account/configurations" />
+
+2. Select **Pay Per Crawl**.
 3. In the **Domain Access** table, select which domains will have pay per crawl configurations visible.
 4. Set the **Visibility** to **Visible** for each domain you want to configure.
 </Steps>
diff --git a/src/content/docs/ai-crawl-control/features/pay-per-crawl/use-pay-per-crawl-as-site-owner/manage-payouts.mdx b/src/content/docs/ai-crawl-control/features/pay-per-crawl/use-pay-per-crawl-as-site-owner/manage-payouts.mdx
@@ -7,7 +7,7 @@ sidebar:
   order: 6
 ---
 
-import { Steps } from "~/components";
+import { Steps, DashButton } from "~/components";
 
 ```mermaid
 graph LR
@@ -31,8 +31,11 @@ A person with **Administrator** or **Super Administrator** access must set up th
 
 {/* prettier-ignore */}
 <Steps>
-1. Log in to the [Cloudflare dashboard](https://dash.cloudflare.com/) and select your account.
-2. Go to **Manage Account** > **Settings** > **Pay Per Crawl**.
+1. In the Cloudflare dashboard, go to **Manage Account** > **Settings**.
+
+   <DashButton url="/?to=/:account/configurations" />
+
+2. Select **Pay Per Crawl**.
 3. In the **Stripe account** section, select **Connect**.
 4. Select **Continue to Stripe**.
 5. Complete Stripe's onboarding process, including:
diff --git a/src/content/docs/ai-crawl-control/features/pay-per-crawl/use-pay-per-crawl-as-site-owner/monitor-activity.mdx b/src/content/docs/ai-crawl-control/features/pay-per-crawl/use-pay-per-crawl-as-site-owner/monitor-activity.mdx
@@ -5,7 +5,7 @@ sidebar:
   order: 5
 ---
 
-import { Steps } from "~/components";
+import { Steps, DashButton } from "~/components";
 
 ```mermaid
 graph LR
@@ -27,9 +27,11 @@ After configuring pay per crawl, monitor crawler activity to understand how AI c
 
 {/* prettier-ignore */}
 <Steps>
-1. Log in to the [Cloudflare dashboard](https://dash.cloudflare.com/) and select your account and domain.
-2. Go to **AI Crawl Control**.
-3. Go to the **Metrics** tab to view detailed analytics.
+1. Go to **AI Crawl Control**.
+
+   <DashButton url="/?to=/:account/:zone/ai" />
+
+2. Go to the **Metrics** tab to view detailed analytics.
 </Steps>
 
 The metrics help you understand:
diff --git a/src/content/docs/ai-crawl-control/features/pay-per-crawl/use-pay-per-crawl-as-site-owner/select-crawlers-to-charge.mdx b/src/content/docs/ai-crawl-control/features/pay-per-crawl/use-pay-per-crawl-as-site-owner/select-crawlers-to-charge.mdx
@@ -5,7 +5,7 @@ sidebar:
   order: 4
 ---
 
-import { Steps } from "~/components";
+import { Steps, DashButton } from "~/components";
 
 ```mermaid
 graph LR
@@ -25,10 +25,12 @@ Once you have enabled pay per crawl and set a price, you can specify which AI cr
 
 {/* prettier-ignore */}
 <Steps>
-1. Log in to the [Cloudflare dashboard](https://dash.cloudflare.com/) and select your account and domain.
-2. Go to **AI Crawl Control**.
-3. Go to the **Crawlers** tab.
-4. For each crawler, choose an action from the **Actions** column:
+1. Go to **AI Crawl Control**.
+
+   <DashButton url="/?to=/:account/:zone/ai" />
+
+2. Go to the **Crawlers** tab.
+3. For each crawler, choose an action from the **Actions** column:
    - **Charge**: Charge the set price for successful content access
    - **Allow**: Allow free access without charging
    - **Block**: Block access completely
diff --git a/src/content/docs/ai-crawl-control/features/pay-per-crawl/use-pay-per-crawl-as-site-owner/set-a-pay-per-crawl-price.mdx b/src/content/docs/ai-crawl-control/features/pay-per-crawl/use-pay-per-crawl-as-site-owner/set-a-pay-per-crawl-price.mdx
@@ -5,7 +5,7 @@ sidebar:
   order: 3
 ---
 
-import { Steps } from "~/components";
+import { Steps, DashButton } from "~/components";
 
 ```mermaid
 graph LR
@@ -25,12 +25,14 @@ Once your domain's visibility is set to **Visible** in Account Settings, you can
 
 {/* prettier-ignore */}
 <Steps>
-1. Log in to the [Cloudflare dashboard](https://dash.cloudflare.com/) and select your account and domain.
-2. Go to **AI Crawl Control**.
-3. Go to the **Settings** tab.
-4. In the **Pay Per Crawl** card, select **Enable**.
-5. Set your per crawl price - this is the amount charged for each successful content retrieval (HTTP 200 response) by an AI crawler.
-6. Select **Save**.
+1. Go to **AI Crawl Control**.
+
+   <DashButton url="/?to=/:account/:zone/ai" />
+
+2. Go to the **Settings** tab.
+3. In the **Pay Per Crawl** card, select **Enable**.
+4. Set your per crawl price - this is the amount charged for each successful content retrieval (HTTP 200 response) by an AI crawler.
+5. Select **Save**.
 </Steps>
 
 After enabling and setting a price, the domain's status in Account Settings will change to **Enabled**.
diff --git a/src/content/docs/ai-crawl-control/get-started.mdx b/src/content/docs/ai-crawl-control/get-started.mdx
@@ -11,7 +11,7 @@ head:
 description: Learn how to set up AI Crawl Control.
 ---
 
-import { Details, Render, Steps, Tabs, TabItem, GlossaryTooltip } from "~/components";
+import { Details, Render, Steps, Tabs, TabItem, GlossaryTooltip, DashButton } from "~/components";
 
 This guide instructs you on how to:
 
@@ -34,6 +34,9 @@ To only block specific AI crawlers:
 {/* prettier-ignore */}
 <Steps>
 1. Go to **AI Crawl Control**.
+
+   <DashButton url="/?to=/:account/:zone/ai" />
+
 2. From the **Crawlers** tab, go to the list of AI crawlers.
 3. Review the AI crawlers that are accessing your domain.
 4. From the **Block** column, select the option **Block**.
@@ -52,6 +55,9 @@ To only block specific AI crawlers:
 {/* prettier-ignore */}
 <Steps>
 1. Go to **AI Crawl Control**.
+
+   <DashButton url="/?to=/:account/:zone/ai" />
+
 2. From the **Crawlers** tab, go to the list of AI crawlers.
 3. Review key information such as:
    - Bot operator
@@ -76,6 +82,9 @@ Review the AI crawlers detected on your site.
 
 <Steps>
 1. Go to **AI Crawl Control**.
+
+   <DashButton url="/?to=/:account/:zone/ai" />
+
 2. From the **Metrics** tab, view key metrics on AI crawlers.
 </Steps>
 </TabItem>
