diff --git a/content/developer/howtos/website_themes/layout.rst b/content/developer/howtos/website_themes/layout.rst
index c3216ebae..bd09f045b 100644
--- a/content/developer/howtos/website_themes/layout.rst
+++ b/content/developer/howtos/website_themes/layout.rst
@@ -434,7 +434,8 @@ Custom
 Create your own template and add it to the list.
 
 .. important::
-   Don't forget that you may need to disable the active header template first.
+   Don't forget that you may need to disable the active header template first before enabling the
+   custom one.
 
 **Option**
 
@@ -482,20 +483,13 @@ variables.
 .. code-block:: xml
    :caption: ``/website_airproof/views/website_templates.xml``
 
-   <record id="header" model="ir.ui.view">
-      <field name="name">Airproof Header</field>
-      <field name="type">qweb</field>
-      <field name="key">website_airproof.header</field>
-      <field name="inherit_id" ref="website.layout"/>
-      <field name="mode">extension</field>
-      <field name="arch" type="xml">
-         <xpath expr="//header//nav" position="replace">
-            <!-- Static Content -->
-            <!-- Components -->
-            <!-- Editable areas -->
-         </xpath>
-      </field>
-   </record>
+   <template id="header" inherit_id="website.layout" name="Airproof - Header" active="False">
+      <xpath expr="//header//nav" position="replace">
+         <!-- Static Content -->
+         <!-- Components -->
+         <!-- Editable areas -->
+      </xpath>
+   </template>
 
 Don't forget to adapt the `template_header_mobile` accordingly to keep consistency between desktop
 and mobile:
@@ -691,19 +685,12 @@ active footer template first.
 .. code-block:: xml
     :caption: ``/website_airproof/views/website_templates.xml``
 
-    <record id="footer" model="ir.ui.view">
-       <field name="name">Airproof Footer</field>
-       <field name="type">qweb</field>
-       <field name="key">website_airproof.footer</field>
-       <field name="inherit_id" ref="website.layout"/>
-       <field name="mode">extension</field>
-       <field name="arch" type="xml">
-          <xpath expr="//div[@id='footer']" position="replace">
-             <div id="footer" class="oe_structure oe_structure_solo" t-ignore="true" t-if="not no_footer">
-                <!-- Content -->
-             </div>
-          </xpath>
-       </field>
+    <template id="footer" inherit_id="website.layout" name="Airproof - Footer" active="False">
+      <xpath expr="//div[@id='footer']" position="replace">
+         <div id="footer" class="oe_structure oe_structure_solo" t-ignore="true" t-if="not no_footer">
+            <!-- Content -->
+         </div>
+      </xpath>
     </record>
 
 .. _website_themes/layout/copyright :