Available on: Business Plus plan, Enterprise plan (legacy plans: Business plan and above)
What are custom headers?
Custom headers let you add supported HTTP headers to your site, depending on how you use it.
This feature is available on the Business Plus plan and the Enterprise plan. It adds an extra layer of security to your published site, helping prevent things like cross-site scripting attacks, iframe embedding, and other domain-level security issues.
Note: Setting up this feature is considered an advanced option, and may fall outside the scope of our standard support.
If these settings cause any issues on your published site, try turning the feature off to see if that resolves the problem.
Help with adding custom headers
Our chat support team can help with the standard setup described in this article.
Detailed setup assistance and consultations are available only on select Enterprise plans. Feel free to get in touch for more details.
Supported header types
Studio.Design currently supports the following headers, and you can add up to 10.
x-xss-protection
x-content-type-options
x-frame-options
referrer-policy
x-permitted-cross-domain-policies
timing-allow-origin
content-security-policy
feature-policy
expect-ct
strict-transport-security
For details on each header, its syntax, and browser compatibility, see HTTP headers - HTTP | MDN Web Docs.
If you're on a legacy plan
If you're on a legacy plan
On the legacy Business plan, you can use this feature by adding it to your project as an add-on.
Pricing and payment
Custom headers are purchased separately from your plan and added to a specific project. The cost is ¥19,800 per month (tax included), billed monthly.
For details on billing cycles and more, see About add-ons and payment.
How to set up custom headers
Tip: Only members with Owner permissions or higher can confirm payment and add or configure headers.
1. Open [Plan & Payment] in your dashboard
Open [Plan & Payment] for the project you want to add custom headers to.
2. Add the custom headers add-on
Click [Add] next to Custom Headers.
A payment confirmation screen will appear. Review the add-on charges and the notes, then click [Confirm payment].
For the next steps, see Setup steps.
How to cancel the custom headers add-on
Tip: Any headers you've configured will be deleted once the add-on contract ends.
1. Open [Plan & Payment] in your dashboard
Open [Plan & Payment] for the project where you want to cancel the custom headers add-on.
2. Cancel the custom headers add-on
Click [Cancel] next to Custom Headers, review the details on the confirmation screen, then click [Cancel].
How to set up custom headers
Note: If your site is already published, any header you add takes effect on the live site right away.
Open [Settings] in the dashboard for the project.
Select [Custom] from the menu on the left.
Click [Add] under Custom Headers.
Choose the header you want to add from [KEY]. Enter the required information in [VALUE], then click [Add].
How to delete a custom header
Open [Settings] in the dashboard for the project.
Select [Custom] from the menu on the left.
Click the [×] next to the custom header you want to delete.
Review the details, then click [Delete header].
