diff --git a/addons/website_blog/views/snippets/snippets.xml b/addons/website_blog/views/snippets/snippets.xml
index a1e427c5c76..d2d0f8a0ec2 100644
--- a/addons/website_blog/views/snippets/snippets.xml
+++ b/addons/website_blog/views/snippets/snippets.xml
@@ -17,6 +17,132 @@
                 data-set-tags=""
                 data-create-method="createTag"/>
         </div>
+        <!-- Blog Posts page  -->
+        <div data-selector="main:has(#o_wblog_index_content)" data-page-options="true" data-no-check="true" string="Blogs Page">
+            <we-select string="Top Banner" data-no-preview="true" data-reload="/">
+                <we-button data-customize-website-views="website_blog.opt_blog_cover_post"
+                    data-name="blog_cover_opt">Name / Latest Post</we-button>
+                <we-button data-customize-website-views="">Drop Zone for Building Blocks</we-button>
+            </we-select>
+            <we-checkbox string="⌙ Full-Width"
+                         data-customize-website-views="website_blog.opt_blog_cover_post_fullwidth_design"
+                         data-dependencies="blog_cover_opt"
+                         data-no-preview="true"
+                         data-reload="/"/>
+            <we-select string="Layout" data-no-preview="true" data-reload="/">
+                <we-button data-customize-website-views="">Grid</we-button>
+                <we-button data-customize-website-views="website_blog.opt_blog_list_view">List</we-button>
+            </we-select>
+            <we-checkbox string="⌙ Cards"
+                         data-customize-website-views="website_blog.opt_blog_cards_design"
+                         data-no-preview="true"
+                         data-reload="/"/>
+            <we-checkbox string="⌙ Increase Readability"
+                         data-customize-website-views="website_blog.opt_blog_readable"
+                         data-no-preview="true"
+                         data-reload="/"/>
+            <we-checkbox string="Sidebar"
+                         data-name="blog_posts_sidebar_opt"
+                         data-customize-website-views="website_blog.opt_blog_sidebar_show"
+                         data-no-preview="true"
+                         data-reload="/"/>
+            <we-checkbox string="⌙ Archives"
+                         data-dependencies="blog_posts_sidebar_opt"
+                         data-customize-website-views="website_blog.opt_sidebar_blog_index_archives"
+                         data-no-preview="true"
+                         data-reload="/"/>
+            <we-checkbox string="⌙ Follow us"
+                         data-dependencies="blog_posts_sidebar_opt"
+                         data-customize-website-views="website_blog.opt_sidebar_blog_index_follow_us"
+                         data-no-preview="true"
+                         data-reload="/"/>
+            <we-checkbox string="⌙ Tags List"
+                         data-dependencies="blog_posts_sidebar_opt"
+                         data-customize-website-views="website_blog.opt_sidebar_blog_index_tags"
+                         data-no-preview="true"
+                         data-reload="/"/>
+            <we-select string="Posts List" data-no-preview="true" data-reload="/">
+                <we-button data-customize-website-views="">No Cover</we-button>
+                <we-button data-customize-website-views="website_blog.opt_posts_loop_show_cover">Cover</we-button>
+            </we-select>
+            <we-checkbox string="⌙ Author"
+                         data-customize-website-views="website_blog.opt_posts_loop_show_author"
+                         data-no-preview="true"
+                         data-reload="/"/>
+            <we-checkbox string="⌙ Comments/Views Stats"
+                         data-customize-website-views="website_blog.opt_posts_loop_show_stats"
+                         data-no-preview="true"
+                         data-reload="/"/>
+            <we-checkbox string="⌙ Teaser &amp; Tags"
+                         data-customize-website-views="website_blog.opt_posts_loop_show_teaser"
+                         data-no-preview="true"
+                         data-reload="/"/>
+        </div>
+        <!-- Blog Post page  -->
+        <div data-selector="main:has(#o_wblog_post_main)" data-page-options="true" data-no-check="true" string="Blog Page">
+            <we-select string="Layout" data-no-preview="true" data-reload="/">
+                <we-button data-customize-website-views="website_blog.opt_blog_post_regular_cover">Title Above Cover</we-button>
+                <we-button data-customize-website-views="">Title Inside Cover</we-button>
+            </we-select>
+            <we-checkbox string="⌙ Increase Readability"
+                         data-customize-website-views="website_blog.opt_blog_post_readable"
+                         data-no-preview="true"
+                         data-reload="/"/>
+            <we-checkbox string="Sidebar"
+                         data-name="blog_post_sidebar_opt"
+                         data-customize-website-views="website_blog.opt_blog_post_sidebar"
+                         data-no-preview="true"
+                         data-reload="/"/>
+            <we-checkbox string="⌙ Archive"
+                         data-dependencies="blog_post_sidebar_opt"
+                         data-customize-website-views="website_blog.opt_blog_post_archive_display"
+                         data-no-preview="true"
+                         data-reload="/"/>
+            <we-checkbox string="⌙ Author"
+                         data-dependencies="blog_post_sidebar_opt"
+                         data-customize-website-views="website_blog.opt_blog_post_author_avatar_display"
+                         data-no-preview="true"
+                         data-reload="/"/>
+            <we-checkbox string="⌙ Blogs List"
+                         data-dependencies="blog_post_sidebar_opt"
+                         data-customize-website-views="website_blog.opt_blog_post_blogs_display"
+                         data-no-preview="true"
+                         data-reload="/"/>
+            <we-checkbox string="⌙ Share Links"
+                         data-dependencies="blog_post_sidebar_opt"
+                         data-customize-website-views="website_blog.opt_blog_post_share_links_display"
+                         data-no-preview="true"
+                         data-reload="/"/>
+            <we-checkbox string="⌙ Tags"
+                         data-dependencies="blog_post_sidebar_opt"
+                         data-customize-website-views="website_blog.opt_blog_post_tags_display"
+                         data-no-preview="true"
+                         data-reload="/"/>
+            <we-checkbox string="Breadcrumb"
+                         data-customize-website-views="website_blog.opt_blog_post_breadcrumb"
+                         data-no-preview="true"
+                         data-reload="/"/>
+            <we-row string="Bottom" class="o_we_full_row">
+                <we-button string="Next Article"
+                           data-customize-website-views="website_blog.opt_blog_post_read_next"
+                           data-no-preview="true"
+                           data-reload="/"/>
+                <we-button string="Comments"
+                           data-name="allow_comments_opt"
+                           data-customize-website-views="website_blog.opt_blog_post_comment"
+                           data-no-preview="true"
+                           data-reload="/"/>
+            </we-row>
+            <we-checkbox string="⌙ Select to Comment"
+                         data-dependencies="allow_comments_opt"
+                         data-customize-website-views="website_blog.opt_blog_post_select_to_comment"
+                         data-no-preview="true"
+                         data-reload="/"/>
+            <we-checkbox string="Select to Tweet"
+                         data-customize-website-views="website_blog.opt_blog_post_select_to_tweet"
+                         data-no-preview="true"
+                         data-reload="/"/>
+        </div>
     </xpath>
     <xpath expr="//*[@data-js='anchor']" position="attributes">
         <attribute name="data-exclude" add=".o_wblog_post_content_field > :not(div, section)" separator=","/>
diff --git a/addons/website_blog/views/website_blog_components.xml b/addons/website_blog/views/website_blog_components.xml
index bc6bc73c40a..58c3c27578b 100644
--- a/addons/website_blog/views/website_blog_components.xml
+++ b/addons/website_blog/views/website_blog_components.xml
@@ -122,7 +122,7 @@ Options:
 </template>
 
 <!-- (Option) Sidebar Blog: Follow Us -->
-<template id="opt_sidebar_blog_index_follow_us" name="Follow Us" priority="1" inherit_id="website_blog.sidebar_blog_index" active="True" customize_show="True">
+<template id="opt_sidebar_blog_index_follow_us" name="Follow Us" priority="1" inherit_id="website_blog.sidebar_blog_index" active="True">
     <xpath expr="//div[@id='o_wblog_sidebar']" position="inside">
         <div class="o_wblog_sidebar_block pb-5">
             <h6 class="text-uppercase pb-2 mb-4 border-bottom font-weight-bold">Follow Us</h6>
@@ -147,7 +147,7 @@ Options:
 </template>
 
 <!-- (Option) Sidebar Blog: Archives -->
-<template id="opt_sidebar_blog_index_archives" name="Archives" priority="2" inherit_id="website_blog.sidebar_blog_index" active="True" customize_show="True">
+<template id="opt_sidebar_blog_index_archives" name="Archives" priority="2" inherit_id="website_blog.sidebar_blog_index" active="True">
     <xpath expr="//div[@id='o_wblog_sidebar']" position="inside">
         <div class="o_wblog_sidebar_block pb-5">
             <h6 class="text-uppercase pb-2 mb-4 border-bottom font-weight-bold">Archives</h6>
@@ -159,7 +159,7 @@ Options:
 </template>
 
 <!-- (Option) Sidebar Blog: Show tags -->
-<template id="opt_sidebar_blog_index_tags" name="Tags List" priority="3" inherit_id="website_blog.sidebar_blog_index" active="True" customize_show="True">
+<template id="opt_sidebar_blog_index_tags" name="Tags List" priority="3" inherit_id="website_blog.sidebar_blog_index" active="True">
     <xpath expr="//div[@id='o_wblog_sidebar']" position="inside">
 
         <div t-if="other_tags or tag_category" class="o_wblog_sidebar_block pb-5">
@@ -201,7 +201,7 @@ Display a sidebar beside the post content.
 
 
 <!-- (Option) Post Sidebar: Author avatar -->
-<template id="opt_blog_post_author_avatar_display" name="Author" inherit_id="website_blog.blog_post_sidebar" active="True" customize_show="True" priority="1">
+<template id="opt_blog_post_author_avatar_display" name="Author" inherit_id="website_blog.blog_post_sidebar" active="True" priority="1">
     <xpath expr="//div[@id='o_wblog_post_sidebar']" position="inside">
         <div class="o_wblog_sidebar_block pb-5">
             <t t-call="website_blog.post_author">
@@ -213,7 +213,7 @@ Display a sidebar beside the post content.
 </template>
 
 <!-- (Option) Post Sidebar: Share Links Display -->
-<template id="opt_blog_post_share_links_display" name="Share Links" inherit_id="website_blog.blog_post_sidebar" active="True" customize_show="True" priority="2">
+<template id="opt_blog_post_share_links_display" name="Share Links" inherit_id="website_blog.blog_post_sidebar" active="True" priority="2">
     <xpath expr="//div[@id='o_wblog_post_sidebar']" position="inside">
         <div class="o_wblog_sidebar_block pb-5">
             <h6 class="text-uppercase pb-3 mb-4 border-bottom font-weight-bold">Share this post</h6>
@@ -231,7 +231,7 @@ Display a sidebar beside the post content.
 </template>
 
 <!-- (Option) Post Sidebar: display tags -->
-<template id="opt_blog_post_tags_display" name="Tags" inherit_id="website_blog.blog_post_sidebar" active="True" customize_show="True" priority="3">
+<template id="opt_blog_post_tags_display" name="Tags" inherit_id="website_blog.blog_post_sidebar" active="True" priority="3">
     <xpath expr="//div[@id='o_wblog_post_sidebar']" position="inside">
         <div class="o_wblog_sidebar_block pb-5">
             <h6 class="text-uppercase pb-3 mb-4 border-bottom font-weight-bold">Tags</h6>
@@ -255,7 +255,7 @@ Display a sidebar beside the post content.
 </template>
 
 <!-- (Option) Post Sidebar: display Blogs list -->
-<template id="opt_blog_post_blogs_display" name="Blogs List" inherit_id="website_blog.blog_post_sidebar" active="True" customize_show="True" priority="4">
+<template id="opt_blog_post_blogs_display" name="Blogs List" inherit_id="website_blog.blog_post_sidebar" active="True" priority="4">
     <xpath expr="//div[@id='o_wblog_post_sidebar']" position="inside">
         <div t-if="len(blogs) > 1" class="o_wblog_sidebar_block pb-5">
             <h6 class="text-uppercase pb-3 mb-4 border-bottom font-weight-bold">Our blogs</h6>
@@ -270,7 +270,7 @@ Display a sidebar beside the post content.
 </template>
 
 <!-- (Option) Post Sidebar: display Archive -->
-<template id="opt_blog_post_archive_display" name="Archive" inherit_id="website_blog.blog_post_sidebar" active="True" customize_show="True" priority="5">
+<template id="opt_blog_post_archive_display" name="Archive" inherit_id="website_blog.blog_post_sidebar" active="True" priority="5">
     <xpath expr="//div[@id='o_wblog_post_sidebar']" position="inside">
         <div class="o_wblog_sidebar_block pb-5">
             <h6 class="text-uppercase pb-3 mb-4 border-bottom font-weight-bold">Archive</h6>
diff --git a/addons/website_blog/views/website_blog_posts_loop.xml b/addons/website_blog/views/website_blog_posts_loop.xml
index 2f6b1f4fbaf..149694186d4 100644
--- a/addons/website_blog/views/website_blog_posts_loop.xml
+++ b/addons/website_blog/views/website_blog_posts_loop.xml
@@ -223,15 +223,15 @@ according to the enabled options.
 <!--   ======================      OPTIONS      ===========================  -->
 <!--   ====================================================================  -->
 <!-- (Option) Posts List: Show Covers -->
-<template id="opt_posts_loop_show_cover" name="Cover" inherit_id="website_blog.posts_loop" active="True" customize_show="True"/>
+<template id="opt_posts_loop_show_cover" name="Cover" inherit_id="website_blog.posts_loop" active="True"/>
 
 <!-- (Option) Posts List: Show Author -->
-<template id="opt_posts_loop_show_author" name="Author" inherit_id="website_blog.posts_loop" active="True" customize_show="True"/>
+<template id="opt_posts_loop_show_author" name="Author" inherit_id="website_blog.posts_loop" active="True"/>
 
 <!-- (Option) Posts List: Show Post Stats -->
-<template id="opt_posts_loop_show_stats" name="Comments/Views Stats" inherit_id="website_blog.posts_loop" active="False" customize_show="True"/>
+<template id="opt_posts_loop_show_stats" name="Comments/Views Stats" inherit_id="website_blog.posts_loop" active="False"/>
 
 <!-- (Option) Posts List: Show Post Teaser -->
-<template id="opt_posts_loop_show_teaser" name="Teaser &amp; Tags" inherit_id="website_blog.posts_loop" active="True" customize_show="True"/>
+<template id="opt_posts_loop_show_teaser" name="Teaser &amp; Tags" inherit_id="website_blog.posts_loop" active="True"/>
 
 </odoo>
diff --git a/addons/website_blog/views/website_blog_templates.xml b/addons/website_blog/views/website_blog_templates.xml
index 95edd3f7d08..a91e11cd37c 100644
--- a/addons/website_blog/views/website_blog_templates.xml
+++ b/addons/website_blog/views/website_blog_templates.xml
@@ -92,7 +92,7 @@ list of filtered posts (by date or tag).
 <!-- (Option) Blog: Show latest-post as top banner
     Replace top-banner content with the latest published post
 -->
-<template id="opt_blog_cover_post" name="Top banner - Name / Latest Post" inherit_id="website_blog.blog_post_short" active="True" customize_show="True">
+<template id="opt_blog_cover_post" name="Top banner - Name / Latest Post" inherit_id="website_blog.blog_post_short" active="True">
     <xpath expr="//div[@id='o_wblog_blog_top_droppable']" position="replace">
         <div t-if="first_post or blog" class="container">
             <div class="row py-4">
@@ -135,7 +135,7 @@ list of filtered posts (by date or tag).
 </template>
 
 <!-- (Option) Blog: Show latest-post as top banner : 'Full Width' design -->
-<template id="opt_blog_cover_post_fullwidth_design" name="Full-Width Cover" inherit_id="website_blog.opt_blog_cover_post" active="True" customize_show="True">
+<template id="opt_blog_cover_post_fullwidth_design" name="Full-Width Cover" inherit_id="website_blog.opt_blog_cover_post" active="True">
     <xpath expr="//div[hasclass('container')]" position="replace">
         <t t-if="blog or first_post" t-call="website.record_cover">
             <t t-set="_record" t-value="blog or first_post"/>
@@ -169,7 +169,7 @@ list of filtered posts (by date or tag).
 
 
 <!-- (Option) Blog: Sidebar : Show -->
-<template id="opt_blog_sidebar_show" name="Show Sidebar" inherit_id="website_blog.blog_post_short" active="False" customize_show="True">
+<template id="opt_blog_sidebar_show" name="Show Sidebar" inherit_id="website_blog.blog_post_short" active="False">
     <xpath expr="//div[@id='o_wblog_posts_loop_container']" position="after">
         <div t-if="opt_blog_list_view" class="border-right d-none d-lg-block" style="opacity: 0.5"/>
         <div t-attf-class="col-12 col-md-3 d-flex #{opt_blog_list_view and 'col-lg-4' or 'ml-lg-5'}">
@@ -181,18 +181,18 @@ list of filtered posts (by date or tag).
 <!-- (Option) Blog: Posts List: Cards design
     Wrap posts in a standard bts cards components
 -->
-<template id="opt_blog_cards_design" name="'Cards' Design" inherit_id="website_blog.blog_post_short" active="False" customize_show="True"/>
+<template id="opt_blog_cards_design" name="'Cards' Design" inherit_id="website_blog.blog_post_short" active="False"/>
 
 
 <!-- (Option) Blog: Show Posts in list-view
     Display post in a list rather than a grid
 -->
-<template id="opt_blog_list_view" name="List View" inherit_id="website_blog.blog_post_short" active="False" customize_show="True"/>
+<template id="opt_blog_list_view" name="List View" inherit_id="website_blog.blog_post_short" active="False"/>
 
 <!-- (Option) Blog: Increase readability
     Increase font-size, adapt layout
 -->
-<template id="opt_blog_readable" name="Increase Readability" inherit_id="website_blog.blog_post_short" active="True" customize_show="True"/>
+<template id="opt_blog_readable" name="Increase Readability" inherit_id="website_blog.blog_post_short" active="True"/>
 
 
 <!-- ====== Blog Post Complete Layout ==========================================
@@ -284,17 +284,17 @@ list of filtered posts (by date or tag).
 <!-- (Option) Post: Increase readability
     Increase font-size, adapt content width
 -->
-<template id="opt_blog_post_readable" name="Increase Readability" inherit_id="website_blog.blog_post_complete" active="True" customize_show="True"/>
+<template id="opt_blog_post_readable" name="Increase Readability" inherit_id="website_blog.blog_post_complete" active="True"/>
 
 <!-- (Option) Post: Show Sidebar
     Show sidebar beside the post content
 -->
-<template id="opt_blog_post_sidebar" name="Show Sidebar" inherit_id="website_blog.blog_post_complete" active="False" customize_show="True"/>
+<template id="opt_blog_post_sidebar" name="Show Sidebar" inherit_id="website_blog.blog_post_complete" active="False"/>
 
 <!-- (Option) Post: Regular Cover
     Use 'regular cover' design rather than the fullwidth one
 -->
-<template id="opt_blog_post_regular_cover" name="'Regular' Cover" inherit_id="website_blog.blog_post_complete" active="False" customize_show="True">
+<template id="opt_blog_post_regular_cover" name="'Regular' Cover" inherit_id="website_blog.blog_post_complete" active="False">
     <xpath expr="//div[@id='title']" position="replace">
         <div class="container">
             <t t-set="readableClass" t-if="opt_blog_post_readable and opt_blog_post_sidebar" t-value="'o_wblog_read_with_sidebar mx-auto'"/>
@@ -345,17 +345,17 @@ list of filtered posts (by date or tag).
 <!-- (Option) Post: Show Breadcrumb
     Display navigation breadcrumbs before the post content
 -->
-<template id="opt_blog_post_breadcrumb" name="Show Breadcrumb" inherit_id="website_blog.blog_post_complete" active="True" customize_show="True"/>
+<template id="opt_blog_post_breadcrumb" name="Show Breadcrumb" inherit_id="website_blog.blog_post_complete" active="True"/>
 
 <!-- (Option) Post: Select text to Tweet
     Allow to select text to tweet it
 -->
-<template id="opt_blog_post_select_to_tweet" name="Select to Tweet" inherit_id="website_blog.blog_post_complete" active="False" customize_show="True"/>
+<template id="opt_blog_post_select_to_tweet" name="Select to Tweet" inherit_id="website_blog.blog_post_complete" active="False"/>
 
 <!-- (Option) Post: Comments
     Enable comments
 -->
-<template id="opt_blog_post_comment" name="Allow Comments" inherit_id="website_blog.blog_post_complete" active="False" customize_show="True">
+<template id="opt_blog_post_comment" name="Allow Comments" inherit_id="website_blog.blog_post_complete" active="False">
     <xpath expr="//section[@id='o_wblog_post_main']" position="inside">
         <t t-set="readableClass" t-if="opt_blog_post_readable and opt_blog_post_sidebar" t-value="'o_wblog_read_with_sidebar'"/>
         <t t-set="readableClass" t-elif="opt_blog_post_readable" t-value="'o_container_small'"/>
@@ -378,12 +378,12 @@ list of filtered posts (by date or tag).
 <!-- (Option) Post: Comments: Select text to Comment
     Allow to select text to comment it
 -->
-<template id="opt_blog_post_select_to_comment" name="Select to Comment" inherit_id="website_blog.opt_blog_post_comment" active="False" customize_show="True"/>
+<template id="opt_blog_post_select_to_comment" name="Select to Comment" inherit_id="website_blog.opt_blog_post_comment" active="False"/>
 
 <!-- (Option) Post : Read Next Article
     Show 'read next' banner at the bottom of the page
 -->
-<template id="opt_blog_post_read_next" name="Read Next Article" inherit_id="website_blog.blog_post_complete" active="True" customize_show="True">
+<template id="opt_blog_post_read_next" name="Read Next Article" inherit_id="website_blog.blog_post_complete" active="True">
     <xpath expr="//section[@id='o_wblog_post_footer']" position="inside">
         <div t-if="next_post" class="mt-5">
             <t t-if="opt_blog_post_regular_cover">