Skip to content

[BYOIP, CF4SaaS] Implement DashButton component #24864

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
merged 3 commits into from
Sep 4, 2025
Merged

[BYOIP, CF4SaaS] Implement DashButton component #24864

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
3 commits
Select commit Hold shift + click to select a range
89eb1b4
Replace Address Maps occurrences
RebeccaTamachiro Sep 2, 2025
947503d
Replace Notifications occurrence
RebeccaTamachiro Sep 2, 2025
295055b
Add DashButton to only account-level step in CF4SaaS
RebeccaTamachiro Sep 4, 2025
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
30 changes: 17 additions & 13 deletions src/content/docs/byoip/address-maps/setup.mdx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -6,7 +6,7 @@ sidebar:
label: Setup
---

import { GlossaryTooltip, APIRequest } from "~/components";
import { GlossaryTooltip, APIRequest, DashButton } from "~/components";

Consider the sections below to learn how to set up address maps.

Expand All @@ -20,25 +20,29 @@ To avoid any errors if you have [static IPs](/byoip/concepts/static-ips/), Cloud

If you are using BYOIP instead, refer to the following steps:

1. Log in to the [Cloudflare dashboard](https://dash.cloudflare.com/) and select your account.
2. Go to **IP Addresses** > **Address Maps**.
3. Select **Create an address map**.
4. Choose the scope of the address map.
5. Add the zones and IP addresses that you want to map.
6. Name your address map.
7. Review the information and select **Save and Deploy**.
1. In the Cloudflare dashboard, go to the **Address Maps** page.

<DashButton url="/?to=/:account/ip-addresses/proxy-ips" />

2. Select **Create an address map**.
3. Choose the scope of the address map.
4. Add the zones and IP addresses that you want to map.
5. Name your address map.
6. Review the information and select **Save and Deploy**.

:::note
Creating an address map does not automatically change DNS configuration. DNS responses only begin to change when a zone or account is added to a map. Additionally, address maps that are not yet enabled will not take effect in DNS responses.
:::

## Manage address maps

1. Log in to the [Cloudflare dashboard](https://dash.cloudflare.com/) and select your account.
2. Go to **IP Addresses** > **Address Maps**.
3. Go to your address map and select **Review**.
4. Edit your address map.
5. Review the information and select **Save**.
1. In the Cloudflare dashboard, go to the **Address Maps** page.

<DashButton url="/?to=/:account/ip-addresses/proxy-ips" />

2. Go to your address map and select **Review**.
3. Edit your address map.
4. Review the information and select **Save**.

:::note
You can also enable, disable, and delete address maps. This will likely change the IP addresses used for your zones.
Expand Down
9 changes: 6 additions & 3 deletions src/content/docs/byoip/route-leak-detection.mdx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -6,7 +6,7 @@ sidebar:

---

import { AvailableNotifications } from "~/components"
import { AvailableNotifications, DashButton } from "~/components"

Route Leak Detection protects your routes on the Internet by notifying you when your traffic is routed somewhere it should not go, which could indicate a possible attack. Route Leak Detection also reduces the amount of time needed to mitigate leaks by providing you with timely notifications.

Expand All @@ -18,8 +18,11 @@ Cloudflare detects route leaks by using several sources of routing data to creat

You must be a user who has brought your own IP address to Cloudflare, which includes Magic Transit, Spectrum, and WAF users. Only prefixes advertised by Cloudflare qualify for Route Leak Detection.

1. Log in to your [Cloudflare dashboard](https://dash.cloudflare.com/) and select your account.
2. Select **Notifications** > **Add**.
1. In the Cloudflare dashboard, go to the **Notifications** page.

<DashButton url="/?to=/:account/notifications" />

2. Select **Add**.
3. Locate **Route Leak Detection** from the list > **Select**.
4. Enter a name and description for the notification.
5. Enter one or more email addresses to receive the notifications.
Expand Down
17 changes: 10 additions & 7 deletions src/content/docs/byoip/service-bindings/cdn-and-spectrum.mdx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -14,6 +14,7 @@ import {
TabItem,
Tabs,
GlossaryTooltip,
DashButton,
} from "~/components";

With [service bindings](/byoip/service-bindings/), CDN[^1] customers using BYOIP can take the same prefix they have onboarded to Cloudflare and use it to selectively route traffic on a per-IP address basis to [Spectrum](/spectrum/)[^2], or vice versa. This means:
Expand Down Expand Up @@ -98,13 +99,15 @@ If you need to map only specific subdomains (and not all proxied DNS records) to
<Tabs syncKey="dashPlusAPI">
<TabItem label="Dashboard" no-code="true">

1. Log in to the [Cloudflare dashboard](https://dash.cloudflare.com/) and select your account.
2. Go to **IP Addresses** > **Address Maps**.
3. Select **Create an address map**.
4. Choose the scope of the address map.
5. Add the zones and IP addresses that you want to map.
6. Name your address map.
7. Review the information and select **Save and Deploy**.
1. In the Cloudflare dashboard, go to the **Address Maps** page.

<DashButton url="/?to=/:account/ip-addresses/proxy-ips" />

2. Select **Create an address map**.
3. Choose the scope of the address map.
4. Add the zones and IP addresses that you want to map.
5. Name your address map.
6. Review the information and select **Save and Deploy**.

</TabItem>
<TabItem label="API" no-code="true">
Expand Down
17 changes: 10 additions & 7 deletions src/content/docs/byoip/service-bindings/magic-transit-with-cdn.mdx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -14,6 +14,7 @@ import {
GlossaryTooltip,
APIRequest,
Render,
DashButton,
} from "~/components";

[Magic Transit](/magic-transit/) customers using BYOIP can also benefit from the performance, reliability, and security that Cloudflare offers for HTTP-based applications. [Service bindings](/byoip/service-bindings/) allow BYOIP customers to selectively route traffic on a per-IP address basis to the CDN pipeline (which includes [Cache](/cache/), [Web Application Firewall (WAF)](/waf/), and more).
Expand Down Expand Up @@ -71,13 +72,15 @@ If you need to map only specific subdomains (and not all proxied DNS records) to
<Tabs syncKey="dashPlusAPI">
<TabItem label="Dashboard" no-code="true">

1. Log in to the [Cloudflare dashboard](https://dash.cloudflare.com/) and select your account.
2. Go to **IP Addresses** > **Address Maps**.
3. Select **Create an address map**.
4. Choose the scope of the address map.
5. Add the zones and IP addresses that you want to map.
6. Name your address map.
7. Review the information and select **Save and Deploy**.
1. In the Cloudflare dashboard, go to the **Address Maps** page.

<DashButton url="/?to=/:account/ip-addresses/proxy-ips" />

2. Select **Create an address map**.
3. Choose the scope of the address map.
4. Add the zones and IP addresses that you want to map.
5. Name your address map.
6. Review the information and select **Save and Deploy**.

</TabItem>
<TabItem label="API" no-code="true">
Expand Down
12 changes: 6 additions & 6 deletions ...re-for-platforms/cloudflare-for-saas/security/waf-for-saas/managed-rulesets.mdx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -9,6 +9,8 @@ head:

---

import { DashButton } from "~/components";

If you are interested in [WAF for SaaS](/cloudflare-for-platforms/cloudflare-for-saas/security/waf-for-saas/) but unsure of where to start, Cloudflare recommends using WAF Managed Rules. The Cloudflare security team creates and manages a variety of rules designed to detect common attack vectors and protect applications from vulnerabilities. These rules are offered in [managed rulesets](/waf/managed-rules/), like Cloudflare Managed and OWASP, which can be deployed with different settings and sensitivity levels.

***
Expand Down Expand Up @@ -43,18 +45,16 @@ After the association is complete, the JSON blob is added to the defined custom

## 2. Deploy Rulesets

1. Log in to the [Cloudflare dashboard](https://dash.cloudflare.com/) and navigate to your account.
1. In the Cloudflare dashboard, go to the **WAF** page.

2. Select Account Home > **WAF**.
<DashButton url="/?to=/:account/application-security/waf" />

:::note


**WAF** at the account level will only be visible on Enterprise plans. If you do not see this option, contact your account manager.


:::

2. Select **Managed rulesets**.

3. Select **Deploy a managed ruleset**.

4. Under **Field**, Select *Hostname*. Set the operator as *equals*. The complete expression should look like this, plus any logic you would like to add:
Expand Down