Skip to content
FixSecurityHeadersScan a site

How to add X-Frame-Options on Cloudflare

Last updated · Reviewed by a CISSP-certified security practitioner

To add X-Frame-Options on Cloudflare, set the header in Rules → Transform Rules → Modify Response Header (or a Worker) with the value DENY. Prevents your site being embedded in iframes (clickjacking). Purge cache, then check the response with curl -I. Then confirm it with curl -I or a free FixSecurityHeaders scan.

What does X-Frame-Options do?

X-Frame-Options (or the modern CSP frame-ancestors) tells browsers whether other sites may put your pages inside an iframe.

Risk if missing: Attackers can overlay your page invisibly and trick users into clicking buttons (clickjacking) — e.g. changing settings or confirming payments.

What is the Cloudflare configuration?

Add this to Rules → Transform Rules → Modify Response Header (or a Worker):

Rules → Transform Rules → Modify Response Header (or a Worker)
// Option A: Rules → Transform Rules → Modify Response Header → "Set static"
//   X-Frame-Options: DENY

// Option B: Cloudflare Worker
export default {
  async fetch(request, env, ctx) {
    const res = await fetch(request);
    const out = new Response(res.body, res);
    const h = out.headers;
    h.set("X-Frame-Options", "DENY");
    return out;
  },
};

How do I add it step by step?

  1. Open Rules → Transform Rules → Modify Response Header (or a Worker).
  2. Paste the X-Frame-Options configuration shown below.
  3. Purge cache, then check the response with curl -I.
  4. Run curl -I https://yourdomain.com and look for the x-frame-options line.
  5. Scan your site on FixSecurityHeaders to confirm the grade improved.

How do I verify it worked?

terminal
curl -sI https://yourdomain.com | grep -i "x-frame-options"
# expected:
# x-frame-options: DENY

Check your site now

Free scan, instant grade, exact fixes for your stack.

What are the common mistakes?

  • Use SAMEORIGIN if your own site frames its pages.
  • ALLOW-FROM is obsolete; use CSP frame-ancestors for allow-lists.
  • If CSP frame-ancestors is present, modern browsers ignore X-Frame-Options.
  • Transform Rules work on all plans; Workers give full control.
  • Cloudflare's own HSTS setting lives under SSL/TLS → Edge Certificates.

Quick reference

HeaderX-Frame-Options
Recommended valueDENY
StackCloudflare
WhereRules → Transform Rules → Modify Response Header (or a Worker)
ComplianceOWASP ASVS V14.4.7, NIST 800-171 3.13.1, CMMC SC.L2-3.13.1

FAQ

What value should I use for X-Frame-Options?

A safe default is DENY. Use SAMEORIGIN if your own site frames its pages.

Why isn't X-Frame-Options showing up on Cloudflare?

Transform Rules work on all plans; Workers give full control. Also clear any CDN or page cache, and check you edited the config that actually serves your domain.

Does X-Frame-Options affect SEO or performance?

No measurable performance cost — it's a few bytes per response. It doesn't affect rankings directly, but a misconfigured policy can break page resources, so test before enforcing.

Which compliance frameworks reference X-Frame-Options?

OWASP ASVS V14.4.7, NIST 800-171 3.13.1, CMMC SC.L2-3.13.1.

Related guides