diff --git a/addons/website/views/snippets/snippets.xml b/addons/website/views/snippets/snippets.xml
index 83d3698477d..bb30daf38a1 100644
--- a/addons/website/views/snippets/snippets.xml
+++ b/addons/website/views/snippets/snippets.xml
@@ -390,6 +390,10 @@
          groups="website.group_website_designer">
         <we-checkbox string="Show Sign In" data-customize-website-views="portal.portal_show_sign_in" data-reload="/"/>
         <we-colorpicker string="Background Color" data-customize-website-color="" data-color="menu"/>
+        <we-checkbox id="option_header_shadow" string="Shadow"
+                     data-customize-website-views="website.header_shadow"
+                     data-select-class="shadow"
+                     data-no-preview="true"/>
         <we-select string="Logo" data-reload="/">
             <we-button data-customize-website-views="website.website_name">Text</we-button>
             <we-button data-customize-website-views="website.layout_logo_show">Image</we-button>
diff --git a/addons/website/views/website_templates.xml b/addons/website/views/website_templates.xml
index 54ca01dd9a1..c5d48edc67f 100644
--- a/addons/website/views/website_templates.xml
+++ b/addons/website/views/website_templates.xml
@@ -274,6 +274,12 @@
     </xpath>
 </template>
 
+<template id="header_shadow" inherit_id="website.layout" name="Header Shadow" active="False">
+    <xpath expr="//header" position="attributes">
+        <attribute name="t-attf-class" add="shadow" separator=" "/>
+    </xpath>
+</template>
+
 <template id="header_hoverable_dropdown" inherit_id="website.layout" name="Header Hoverable Dropdown" active="False">
     <xpath expr="//header" position="attributes">
         <attribute name="t-attf-class" add="o_hoverable_dropdown" separator=" "/>