Applicable Plans: Business
Due to the advanced nature of this feature, our chat support cannot provide assistance beyond what is covered in this article.
What are Custom Headers?
Custom headers are an add-on feature that you can include based on your website’s needs. This feature is available for projects on the Business plan with a separate contract.
By adding an extra layer of security to your live site, you can prevent activities like cross-site scripting attacks, iframe embedding, and other domain-level security issues.
Supported Header Types
Studio currently supports the following headers, with up to 10 custom headers allowed:
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, syntax, and browser compatibility of these headers, refer to HTTP Headers - HTTP | MDN Web Docs.
Pricing and Payment
Custom headers are available as a separate contract in addition to your plan. The fee is $140 per month, billed monthly. For details on the payment cycle, refer to Add-on Overview.
How to Set Up Custom Headers
1. Open [Plans & Billing] on the Dashboard
Open [Plans & Billing] for the project where you want to add custom headers.
2. Add the Custom Headers Add-on to Your Project
Tip: Payment confirmation, as well as adding and configuring headers, can only be done by accounts with owner right or higher.
Click [Get add-on] for the custom headers.
On the payment confirmation screen, review the add-on billing amount and notes, then click [Buy now].
3. Configure the Custom Headers
Note: If your site is live, changes will be reflected immediately upon addition.
Open the project [Home] and click [Add] for custom headers.
From [KEY], select the header you want to add. Enter the required information in [VALUE], and click [Save].
How to Delete Custom Headers
1. Open [Home] on the Dashboard
Open [Home] for the project where you want to delete custom headers.
2. Click the Delete Button
Click [×] on the custom header you want to delete. Review the deletion details and click [Delete].
How to Disable the Custom Headers Add-on
Tip: Ongoing settings will be deleted once the add-on contract ends.
1. Open [Plans & Billing] on the Dashboard
Open [Plans & Billing] for the project where you want to stop using the custom headers add-on.
2. Disable the Custom Headers Add-on
Click [Disable add-on] for the custom headers, review the confirmation screen, and then click [Disable add-on].