diff --git a/assets/src/blocks/Cookies/CookiesBlock.js b/assets/src/blocks/Cookies/CookiesBlock.js
index 84f41f2df0..e0e0f78778 100644
--- a/assets/src/blocks/Cookies/CookiesBlock.js
+++ b/assets/src/blocks/Cookies/CookiesBlock.js
@@ -1,11 +1,9 @@
 import {CookiesEditor} from './CookiesEditor.js';
 
-export const BLOCK_NAME = 'planet4-blocks/cookies';
-
 export const registerCookiesBlock = () => {
   const {registerBlockType} = wp.blocks;
 
-  registerBlockType(BLOCK_NAME, {
+  registerBlockType('planet4-blocks/cookies', {
     title: 'Cookies',
     icon: 'welcome-view-site',
     category: 'planet4-blocks',
@@ -41,7 +39,7 @@ export const registerCookiesBlock = () => {
       },
     },
     edit: CookiesEditor,
-    save() {
+    save: () => {
       return null;
     },
   });
diff --git a/assets/src/blocks/Cookies/CookiesEditor.js b/assets/src/blocks/Cookies/CookiesEditor.js
index 5451fe8e7d..047bb9e5b5 100644
--- a/assets/src/blocks/Cookies/CookiesEditor.js
+++ b/assets/src/blocks/Cookies/CookiesEditor.js
@@ -1,18 +1,187 @@
-import {CookiesFrontend} from './CookiesFrontend';
+import {FrontendRichText} from '../components/FrontendRichText/FrontendRichText';
+import {CookiesFieldResetButton} from './CookiesFieldResetButton';
 
-export const CookiesEditor = ({attributes, isSelected, setAttributes}) => {
-  const toAttribute = attributeName => value => {
-    if (isSelected) {
-      setAttributes({[attributeName]: value});
+const {__} = wp.i18n;
+
+const COOKIES_DEFAULT_COPY = window.p4_vars.options.cookies_default_copy || {};
+
+// Planet4 settings(Planet 4 > Cookies > Enable Analytical Cookies).
+const ENABLE_ANALYTICAL_COOKIES = window.p4_vars.options.enable_analytical_cookies;
+
+export const CookiesEditor = ({setAttributes, attributes}) => {
+  const {
+    title,
+    description,
+    className,
+    necessary_cookies_name,
+    necessary_cookies_description,
+    analytical_cookies_name,
+    analytical_cookies_description,
+    all_cookies_name,
+    all_cookies_description,
+  } = attributes;
+
+  const getFieldValue = fieldName => {
+    if (attributes[fieldName] === undefined) {
+      return COOKIES_DEFAULT_COPY[fieldName] || '';
     }
+    return attributes[fieldName] || '';
   };
 
+  const toAttribute = attributeName => value => setAttributes({
+    [attributeName]: value,
+  });
+
   return (
-    <CookiesFrontend
-      {...attributes}
-      isEditing
-      toAttribute={toAttribute}
-      isSelected={isSelected}
-    />
+    <section className={`block cookies-block ${className ?? ''}`}>
+      <header>
+        <FrontendRichText
+          tagName="h2"
+          className="page-section-header cookies-title"
+          placeholder={__('Enter title', 'planet4-blocks-backend')}
+          value={title}
+          onChange={toAttribute('title')}
+          withoutInteractiveFormatting
+          allowedFormats={[]}
+          editable
+        />
+      </header>
+      <FrontendRichText
+        tagName="p"
+        className="page-section-description cookies-description"
+        placeholder={__('Enter description', 'planet4-blocks-backend')}
+        value={description}
+        onChange={toAttribute('description')}
+        withoutInteractiveFormatting
+        allowedFormats={['core/bold', 'core/italic']}
+        editable
+      />
+      <>
+        <div className="d-flex align-items-center">
+          <FrontendRichText
+            tagName="span"
+            className="custom-control-description cookies-header-text"
+            placeholder={__('Enter necessary cookies name', 'planet4-blocks-backend')}
+            value={getFieldValue('necessary_cookies_name')}
+            onChange={toAttribute('necessary_cookies_name')}
+            withoutInteractiveFormatting
+            allowedFormats={[]}
+            editable
+          />
+          <span className="always-enabled">{__('Always enabled', 'planet4-blocks')}</span>
+          <CookiesFieldResetButton
+            fieldName="necessary_cookies_name"
+            currentValue={necessary_cookies_name}
+            toAttribute={toAttribute}
+          />
+        </div>
+        <div className="d-flex align-items-center">
+          <FrontendRichText
+            tagName="p"
+            className="cookies-checkbox-description"
+            placeholder={__('Enter necessary cookies description', 'planet4-blocks-backend')}
+            value={getFieldValue('necessary_cookies_description')}
+            onChange={toAttribute('necessary_cookies_description')}
+            withoutInteractiveFormatting
+            allowedFormats={['core/bold', 'core/italic']}
+            editable
+          />
+          <CookiesFieldResetButton
+            fieldName="necessary_cookies_description"
+            currentValue={necessary_cookies_description}
+            toAttribute={toAttribute}
+          />
+        </div>
+      </>
+      {ENABLE_ANALYTICAL_COOKIES &&
+        <>
+          <div className="d-flex align-items-center">
+            <label className="custom-control" style={{pointerEvents: 'none'}} htmlFor="analytical-cookies__control">
+              <input
+                id="analytical-cookies__control"
+                type="checkbox"
+                name="analytical_cookies"
+                onChange={() => { }}
+                className="p4-custom-control-input"
+              />
+              <FrontendRichText
+                tagName="span"
+                className="custom-control-description cookies-header-text"
+                placeholder={__('Enter analytical cookies name', 'planet4-blocks-backend')}
+                value={getFieldValue('analytical_cookies_name')}
+                onChange={toAttribute('analytical_cookies_name')}
+                withoutInteractiveFormatting
+                allowedFormats={[]}
+                editable
+              />
+            </label>
+            <CookiesFieldResetButton
+              fieldName="analytical_cookies_name"
+              currentValue={analytical_cookies_name}
+              toAttribute={toAttribute}
+            />
+          </div>
+          <div className="d-flex align-items-center">
+            <FrontendRichText
+              tagName="p"
+              className="cookies-checkbox-description"
+              placeholder={__('Enter analytical cookies description', 'planet4-blocks-backend')}
+              value={getFieldValue('analytical_cookies_description')}
+              onChange={toAttribute('analytical_cookies_description')}
+              withoutInteractiveFormatting
+              allowedFormats={['core/bold', 'core/italic']}
+              editable
+            />
+            <CookiesFieldResetButton
+              fieldName="analytical_cookies_description"
+              currentValue={analytical_cookies_description}
+              toAttribute={toAttribute}
+            />
+          </div>
+        </>
+      }
+      <>
+        <div className="d-flex align-items-center">
+          <label className="custom-control" style={{pointerEvents: 'none'}} htmlFor="all-cookies__control">
+            <input
+              id="all-cookies__control"
+              type="checkbox"
+              name="all_cookies"
+              className="p4-custom-control-input"
+            />
+            <FrontendRichText
+              tagName="span"
+              className="custom-control-description cookies-header-text"
+              placeholder={__('Enter all cookies name', 'planet4-blocks-backend')}
+              value={getFieldValue('all_cookies_name')}
+              onChange={toAttribute('all_cookies_name')}
+              withoutInteractiveFormatting
+              allowedFormats={[]}
+            />
+          </label>
+          <CookiesFieldResetButton
+            fieldName="all_cookies_name"
+            currentValue={all_cookies_name}
+            toAttribute={toAttribute}
+          />
+        </div>
+        <div className="d-flex align-items-center">
+          <FrontendRichText
+            tagName="p"
+            className="cookies-checkbox-description"
+            placeholder={__('Enter all cookies description', 'planet4-blocks-backend')}
+            value={getFieldValue('all_cookies_description')}
+            onChange={toAttribute('all_cookies_description')}
+            withoutInteractiveFormatting
+            allowedFormats={['core/bold', 'core/italic']}
+          />
+          <CookiesFieldResetButton
+            fieldName="all_cookies_description"
+            currentValue={all_cookies_description}
+            toAttribute={toAttribute}
+          />
+        </div>
+      </>
+    </section>
   );
 };
diff --git a/assets/src/blocks/Cookies/CookiesFrontend.js b/assets/src/blocks/Cookies/CookiesFrontend.js
index 02301025ee..2795fa805e 100644
--- a/assets/src/blocks/Cookies/CookiesFrontend.js
+++ b/assets/src/blocks/Cookies/CookiesFrontend.js
@@ -1,6 +1,4 @@
-import {FrontendRichText} from '../components/FrontendRichText/FrontendRichText';
 import {removeCookie, useCookie, writeCookie} from './useCookie';
-import {CookiesFieldResetButton} from './CookiesFieldResetButton';
 
 const {__} = wp.i18n;
 const {useState, useEffect} = wp.element;
@@ -36,20 +34,7 @@ const hideCookiesBox = () => {
 };
 
 export const CookiesFrontend = props => {
-  const {
-    isSelected,
-    title,
-    description,
-    necessary_cookies_name,
-    necessary_cookies_description,
-    analytical_cookies_name,
-    analytical_cookies_description,
-    all_cookies_name,
-    all_cookies_description,
-    isEditing,
-    className,
-    toAttribute = () => {},
-  } = props;
+  const {title, description, className} = props;
 
   // Whether consent was revoked by the user since current page load.
   const [userRevokedMarketingCookies, setUserRevokedMarketingCookies] = useState(false);
@@ -122,84 +107,40 @@ export const CookiesFrontend = props => {
   return (
     <>
       <section className={`block cookies-block ${className ?? ''}`}>
-        {(isEditing || title) &&
-        <header>
-          <FrontendRichText
-            tagName="h2"
-            className="page-section-header cookies-title"
-            placeholder={__('Enter title', 'planet4-blocks-backend')}
-            value={title}
-            onChange={toAttribute('title')}
-            withoutInteractiveFormatting
-            editable={isEditing}
-            allowedFormats={[]}
-          />
-        </header>
+        {title &&
+          <header>
+            <h2 className="page-section-header cookies-title">{title}</h2>
+          </header>
         }
-        {(isEditing || description) &&
-        <FrontendRichText
-          tagName="p"
-          className="page-section-description cookies-description"
-          placeholder={__('Enter description', 'planet4-blocks-backend')}
-          value={description}
-          onChange={toAttribute('description')}
-          withoutInteractiveFormatting
-          editable={isEditing}
-          allowedFormats={['core/bold', 'core/italic']}
-        />
+        {description &&
+          <p
+            className="page-section-description cookies-description"
+            dangerouslySetInnerHTML={{__html: description}}
+          />
         }
-        {(isEditing || (isFieldValid('necessary_cookies_name') && isFieldValid('necessary_cookies_description'))) &&
+        {isFieldValid('necessary_cookies_name') && isFieldValid('necessary_cookies_description') &&
           <>
             <div className="d-flex align-items-center">
-              <FrontendRichText
-                tagName="span"
-                className="custom-control-description cookies-header-text"
-                placeholder={__('Enter necessary cookies name', 'planet4-blocks-backend')}
-                value={getFieldValue('necessary_cookies_name')}
-                onChange={toAttribute('necessary_cookies_name')}
-                withoutInteractiveFormatting
-                editable={isEditing}
-                allowedFormats={[]}
-              />
+              <span className="custom-control-description cookies-header-text">
+                {getFieldValue('necessary_cookies_name')}
+              </span>
               <span className="always-enabled">{__('Always enabled', 'planet4-blocks')}</span>
-              {isEditing &&
-                <CookiesFieldResetButton
-                  fieldName="necessary_cookies_name"
-                  currentValue={necessary_cookies_name}
-                  toAttribute={toAttribute}
-                />
-              }
-            </div>
-            <div className="d-flex align-items-center">
-              <FrontendRichText
-                tagName="p"
-                className="cookies-checkbox-description"
-                placeholder={__('Enter necessary cookies description', 'planet4-blocks-backend')}
-                value={getFieldValue('necessary_cookies_description')}
-                onChange={toAttribute('necessary_cookies_description')}
-                withoutInteractiveFormatting
-                editable={isEditing}
-                allowedFormats={['core/bold', 'core/italic']}
-              />
-              {isEditing &&
-                <CookiesFieldResetButton
-                  fieldName="necessary_cookies_description"
-                  currentValue={necessary_cookies_description}
-                  toAttribute={toAttribute}
-                />
-              }
             </div>
+            <p className="cookies-checkbox-description">
+              {getFieldValue('necessary_cookies_description')}
+            </p>
           </>
         }
-        {(ENABLE_ANALYTICAL_COOKIES && (isEditing || (isFieldValid('analytical_cookies_name') && isFieldValid('analytical_cookies_description')))) &&
+        {ENABLE_ANALYTICAL_COOKIES && isFieldValid('analytical_cookies_name') && isFieldValid('analytical_cookies_description') &&
           <>
             <div className="d-flex align-items-center">
-              <label className="custom-control" style={isSelected ? {pointerEvents: 'none'} : null} htmlFor="analytical-cookies__control">
+              <label className="custom-control" htmlFor="analytical-cookies__control">
                 <input
                   id="analytical-cookies__control"
                   type="checkbox"
-                  tabIndex={isSelected ? '-1' : null}
                   name="analytical_cookies"
+                  checked={analyticalCookiesChecked}
+                  className="p4-custom-control-input"
                   onChange={() => {
                     updateConsent('analytics_storage', !analyticalCookiesChecked);
                     if (analyticalCookiesChecked) {
@@ -215,57 +156,27 @@ export const CookiesFrontend = props => {
                       setConsentCookie(NECESSARY_ANALYTICAL);
                     }
                   }}
-                  checked={analyticalCookiesChecked}
-                  className="p4-custom-control-input"
-                />
-                <FrontendRichText
-                  tagName="span"
-                  className="custom-control-description cookies-header-text"
-                  placeholder={__('Enter analytical cookies name', 'planet4-blocks-backend')}
-                  value={getFieldValue('analytical_cookies_name')}
-                  onChange={toAttribute('analytical_cookies_name')}
-                  withoutInteractiveFormatting
-                  editable={isEditing}
-                  allowedFormats={[]}
                 />
+                <span className="custom-control-description cookies-header-text">
+                  {getFieldValue('analytical_cookies_name')}
+                </span>
               </label>
-              {isEditing &&
-                <CookiesFieldResetButton
-                  fieldName="analytical_cookies_name"
-                  currentValue={analytical_cookies_name}
-                  toAttribute={toAttribute}
-                />
-              }
-            </div>
-            <div className="d-flex align-items-center">
-              <FrontendRichText
-                tagName="p"
-                className="cookies-checkbox-description"
-                placeholder={__('Enter analytical cookies description', 'planet4-blocks-backend')}
-                value={getFieldValue('analytical_cookies_description')}
-                onChange={toAttribute('analytical_cookies_description')}
-                withoutInteractiveFormatting
-                editable={isEditing}
-                allowedFormats={['core/bold', 'core/italic']}
-              />
-              {isEditing &&
-                <CookiesFieldResetButton
-                  fieldName="analytical_cookies_description"
-                  currentValue={analytical_cookies_description}
-                  toAttribute={toAttribute}
-                />
-              }
             </div>
+            <p className="cookies-checkbox-description">
+              {getFieldValue('analytical_cookies_description')}
+            </p>
           </>
         }
-        {(isEditing || (isFieldValid('all_cookies_name') && isFieldValid('all_cookies_description'))) &&
+        {isFieldValid('all_cookies_name') && isFieldValid('all_cookies_description') &&
           <>
             <div className="d-flex align-items-center">
-              <label className="custom-control" style={isSelected ? {pointerEvents: 'none'} : null} htmlFor="all-cookies__control">
+              <label className="custom-control" htmlFor="all-cookies__control">
                 <input
                   id="all-cookies__control"
                   type="checkbox"
-                  tabIndex={isSelected ? '-1' : null}
+                  name="all_cookies"
+                  checked={marketingCookiesChecked}
+                  className="p4-custom-control-input"
                   onChange={() => {
                     updateConsent('ad_storage', !marketingCookiesChecked);
                     if (marketingCookiesChecked) {
@@ -281,48 +192,15 @@ export const CookiesFrontend = props => {
                       setConsentCookie(NECESSARY_MARKETING);
                     }
                   }}
-                  name="all_cookies"
-                  checked={marketingCookiesChecked}
-                  className="p4-custom-control-input"
-                />
-                <FrontendRichText
-                  tagName="span"
-                  className="custom-control-description cookies-header-text"
-                  placeholder={__('Enter all cookies name', 'planet4-blocks-backend')}
-                  value={getFieldValue('all_cookies_name')}
-                  onChange={toAttribute('all_cookies_name')}
-                  withoutInteractiveFormatting
-                  editable={isEditing}
-                  allowedFormats={[]}
                 />
+                <span className="custom-control-description cookies-header-text">
+                  {getFieldValue('all_cookies_name')}
+                </span>
               </label>
-              {isEditing &&
-                <CookiesFieldResetButton
-                  fieldName="all_cookies_name"
-                  currentValue={all_cookies_name}
-                  toAttribute={toAttribute}
-                />
-              }
-            </div>
-            <div className="d-flex align-items-center">
-              <FrontendRichText
-                tagName="p"
-                className="cookies-checkbox-description"
-                placeholder={__('Enter all cookies description', 'planet4-blocks-backend')}
-                value={getFieldValue('all_cookies_description')}
-                onChange={toAttribute('all_cookies_description')}
-                withoutInteractiveFormatting
-                editable={isEditing}
-                allowedFormats={['core/bold', 'core/italic']}
-              />
-              {isEditing &&
-                <CookiesFieldResetButton
-                  fieldName="all_cookies_description"
-                  currentValue={all_cookies_description}
-                  toAttribute={toAttribute}
-                />
-              }
             </div>
+            <p className="cookies-checkbox-description">
+              {getFieldValue('all_cookies_description')}
+            </p>
           </>
         }
       </section>
diff --git a/assets/src/blocks/Cookies/CookiesScript.js b/assets/src/blocks/Cookies/CookiesScript.js
index be9bcf7566..ad8b5ecc23 100644
--- a/assets/src/blocks/Cookies/CookiesScript.js
+++ b/assets/src/blocks/Cookies/CookiesScript.js
@@ -1,9 +1,8 @@
 import {createRoot} from 'react-dom/client';
-import {BLOCK_NAME} from './CookiesBlock';
 import {CookiesFrontend} from './CookiesFrontend';
 
 // Fallback for non migrated content. Remove after migration.
-document.querySelectorAll(`[data-render="${BLOCK_NAME}"]`).forEach(
+document.querySelectorAll('[data-render="planet4-blocks/cookies"]').forEach(
   blockNode => {
     const attributes = JSON.parse(blockNode.dataset.attributes);
     const rootElement = createRoot(blockNode);