Skip to main content
All CollectionsHostingAdd-ons
Adding Custom Headers
Adding Custom Headers

Enhance security by adding custom headers in Studio. Learn how to contract and set up custom headers.

Morota avatar
Written by Morota
Updated over a month ago

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.

Screenshot: Starting to use an add-on.

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.

 Screenshot: Adding a custom header. ​

From [KEY], select the header you want to add. Enter the required information in [VALUE], and click [Save].

 Screenshot: Adding a custom header. ​

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].

Screenshot: Deleting an added custom header.

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].

Screenshot: Stopping the use of an add-on.

Did this answer your question?