Apply suggestions from code review

ToriLindsay · caley-b · web-flow · commit 629e96be719c · 2025-09-04T10:54:02.000+01:00
Co-authored-by: Caley Burton &lt;caley@cloudflare.com&gt;
diff --git a/src/content/docs/images/get-started.mdx b/src/content/docs/images/get-started.mdx
@@ -33,7 +33,9 @@ Cloudflare will automatically cache every transformed image on our global networ
 
 To enable transformations on your zone:
 
-1. <DashButton url="/?to=/:account/images/delivery-zones" />
+1. In the Cloudflare dashboard, go to the **Transformations** page. 
+
+<DashButton url="/?to=/:account/images/delivery-zones" />
 2. Go to the specific zone where you want to enable transformations.
 3. Select **Enable for zone**. This will allow you to optimize and deliver remote images.
 
diff --git a/src/content/docs/images/manage-images/blur-variants.mdx b/src/content/docs/images/manage-images/blur-variants.mdx
@@ -13,7 +13,10 @@ Refer to [Resize images](/images/manage-images/create-variants/) for help creati
 
 To blur an image:
 
-1. <DashButton url="/?to=/:account/images/variants" />
+1. In the Cloudflare dashboard, got to the **Variants** page. 
+
+<DashButton url="/?to=/:account/images/variants" />
+
 2. Find the variant you want to blur and select **Edit** > **Customization Options**.
 3. Use the slider to adjust the blurring effect. You can use the preview image to see how strong the blurring effect will be.
 4. Select **Save**.
diff --git a/src/content/docs/images/manage-images/configure-webhooks.mdx b/src/content/docs/images/manage-images/configure-webhooks.mdx
@@ -10,7 +10,10 @@ Currently, webhooks are supported only for [direct creator uploads](/images/uplo
 
 To receive notifications for direct creator uploads:
 
-1. <DashButton url="/?to=/:account/notifications" />
+1. In the Cloudflare dashboard, go to the **Notifications** pages. 
+
+<DashButton url="/?to=/:account/notifications" />
+
 2. Select **Destinations**.
 3. From the Webhooks card, select **Create**.
 4. Enter information for your webhook and select **Save and Test**. The new webhook will appear in the **Webhooks** card and can be attached to notifications.
diff --git a/src/content/docs/images/manage-images/create-variants.mdx b/src/content/docs/images/manage-images/create-variants.mdx
@@ -15,7 +15,10 @@ Cloudflare Images can deliver SVG files but will not resize them because it is a
 Resize via the Cloudflare dashboard.
 :::
 
-1. <DashButton url="/?to=/:account/images/variants" />
+1. In the Cloudflare dashboard, go to the **Variants** page.
+
+<DashButton url="/?to=/:account/images/variants" />
+
 2. Select **Create variant**.
 2. Name your variant and select **Create**.
 3. Define variables for your new variant, such as resizing options, type of fit, and specific metadata options.
diff --git a/src/content/docs/images/manage-images/delete-images.mdx b/src/content/docs/images/manage-images/delete-images.mdx
@@ -11,7 +11,10 @@ You can delete an image from the Cloudflare Images storage using the dashboard o
 
 ## Delete images via the Cloudflare dashboard
 
-1. <DashButton url="/?to=/:account/images" />
+1. In the Cloudflare dashboard, go to **Images** page. 
+
+<DashButton url="/?to=/:account/images" />
+
 2. Find the image you want to remove and select **Delete**.
 3. (Optional) To delete more than one image, select the checkbox next to the images you want to delete and then **Delete selected**.
 
diff --git a/src/content/docs/images/manage-images/delete-variants.mdx b/src/content/docs/images/manage-images/delete-variants.mdx
@@ -19,7 +19,10 @@ Deleting a variant is a global action that will affect other images that contain
 
 ## Delete variants via the Cloudflare dashboard
 
-1. <DashButton url="/?to=/:account/images/variants" />
+1. In the Cloudflare dashboard, go to the **Variants** page. 
+
+<DashButton url="/?to=/:account/images/variants" />
+
 2. Find the variant you want to remove and select **Delete**.
 
 ## Delete variants via the API
diff --git a/src/content/docs/images/manage-images/edit-images.mdx b/src/content/docs/images/manage-images/edit-images.mdx
@@ -15,5 +15,8 @@ The Edit option provides you available options to modify a specific image. After
 
 To edit an image:
 
-1. <DashButton url="/?to=/:account/images" />
+1. In the Cloudflare dashboard, go to the **Images** page. 
+
+<DashButton url="/?to=/:account/images" />
+
 2. Locate the image you want to modify and select **Edit**.
diff --git a/src/content/docs/images/manage-images/enable-flexible-variants.mdx b/src/content/docs/images/manage-images/enable-flexible-variants.mdx
@@ -11,7 +11,10 @@ Flexible variants allow you to create variants with dynamic resizing which can p
 
 ## Enable flexible variants via the Cloudflare dashboard
 
-1. <DashButton url="/?to=/:account/images/variants" />
+1. In the Cloudflare dashboard, go to the **Variants** page. 
+
+<DashButton url="/?to=/:account/images/variants" />
+
 2. Enable **Flexible variants**.
 
 ## Enable flexible variants via the API
diff --git a/src/content/docs/images/manage-images/export-images.mdx b/src/content/docs/images/manage-images/export-images.mdx
@@ -11,7 +11,10 @@ Cloudflare Images supports image exports via the Cloudflare dashboard and API wh
 
 ## Export images via the Cloudflare dashboard
 
-1. <DashButton url="/?to=/:account/images" />
+1. In the Cloudflare dashboard, go to the **Images** page. 
+
+<DashButton url="/?to=/:account/images" />
+
 2. Find the image or images you want to export.
 3. To export a single image, select **Export** from its menu. To export several images, select the checkbox next to each image and then select **Export selected**.
 
diff --git a/src/content/docs/images/manage-images/serve-images/serve-private-images.mdx b/src/content/docs/images/manage-images/serve-images/serve-private-images.mdx
@@ -9,7 +9,10 @@ import { TypeScriptExample,DashButton } from "~/components";
 
 You can serve private images by using signed URL tokens. When an image requires a signed URL, the image cannot be accessed without a token unless it is being requested for a variant set to always allow public access.
 
-1. <DashButton url="/?to=/:account/images/keys" />
+1. In the Cloudflare dashboard, go to the **Keys** page. 
+
+<DashButton url="/?to=/:account/images/keys" />
+
 2. Copy your key and use it to generate an expiring tokenized URL.
 
 :::note
diff --git a/src/content/docs/images/upload-images/sourcing-kit/edit.mdx b/src/content/docs/images/upload-images/sourcing-kit/edit.mdx
@@ -13,7 +13,10 @@ The Sourcing Kit main page has a list of all the import jobs and sources you hav
 
 You can learn more about your sources by selecting the **Sources** tab on the Sourcing Kit dashboard. Use this option to rename or delete your sources.
 
-1. <DashButton url="/?to=/:account/images/sourcing-kit" />
+1. In the Cloudflare dashboard, go to the **Sourcing Kit** page. 
+
+<DashButton url="/?to=/:account/images/sourcing-kit" />
+
 2. Select **Sources** and choose the source you want to change.
 3. In this page you have the option to rename or delete your source. Select **Rename source** or **Delete source** depending on what you want to do.
 
diff --git a/src/content/docs/images/upload-images/sourcing-kit/enable.mdx b/src/content/docs/images/upload-images/sourcing-kit/enable.mdx
@@ -11,7 +11,10 @@ Enabling Sourcing Kit will set it up with the necessary information to start imp
 
 ## Create your first import job
 
-1. <DashButton url="/?to=/:account/images/sourcing-kit" />
+1. In the Cloudflare dashboard, go to the **Sourcing Kit** page. 
+
+<DashButton url="/?to=/:account/images/sourcing-kit" />
+
 2. Select **Import images** to create an import job.
 3. In **Source name** give your source an appropriate name.
 4. In **Amazon S3 bucket information** enter the S3's bucket name where your images are stored.
@@ -31,7 +34,10 @@ Sourcing Kit will warn you when you are about to reach the limit for your plan s
 
 ## Define a new source
 
-1. <DashButton url="/?to=/:account/images/sourcing-kit" />
+1. In the Cloudflare dashboard, go to the **Source Kit** page. 
+
+<DashButton url="/?to=/:account/images/sourcing-kit" />
+
 2. Select **Import images** > **Define a new source**.
 
 Repeat steps 4-11 in [Create your first import job](#create-your-first-import-job) to finish setting up your new source.
@@ -40,7 +46,10 @@ Repeat steps 4-11 in [Create your first import job](#create-your-first-import-jo
 
 You can have many import jobs from the same or different sources. If you select an existing source to create a new import job, you will not need to enter your credentials again.
 
-1. <DashButton url="/?to=/:account/images/sourcing-kit" />
+1. In the Cloudflare dashboard, go to the **Sourcing Kit** page. 
+
+<DashButton url="/?to=/:account/images/sourcing-kit" />
+
 2. Select **Import images**.
 3. Choose from one of the sources already configured.
 
diff --git a/src/content/docs/images/upload-images/upload-dashboard.mdx b/src/content/docs/images/upload-images/upload-dashboard.mdx
@@ -11,6 +11,9 @@ Before you upload an image, check the list of [supported formats and dimensions]
 
 To upload an image from the Cloudflare dashboard:
 
-1. <DashButton url="/?to=/:account/images" />
+1. In the Cloudflare dashboard, go to the **Images** page. 
+
+<DashButton url="/?to=/:account/images" />
+
 2. Drag and drop your image into the **Quick Upload** section. Alternatively, you can select **Drop images here** or browse to select your image locally.
 3. After the upload finishes, your image appears in the list of files.
