diff --git a/redisinsight/ui/src/packages/enablement-area/enablement-area.json b/redisinsight/ui/src/packages/enablement-area/enablement-area.json
index c4582ef82e..052e9a6ea3 100644
--- a/redisinsight/ui/src/packages/enablement-area/enablement-area.json
+++ b/redisinsight/ui/src/packages/enablement-area/enablement-area.json
@@ -21,7 +21,6 @@
             "id": "introduction",
             "label": "Introduction",
             "args": {
-              "backTitle": "Document Capabilities",
               "path": "/static/workbench/guides/document-capabilities/introduction.html"
             }
           },
@@ -30,7 +29,6 @@
             "id": "working-with-hashes",
             "label": "Working with Hashes",
             "args": {
-              "backTitle": "Document Capabilities",
               "path": "/static/workbench/guides/document-capabilities/working-with-hashes.html"
             }
           },
@@ -39,7 +37,6 @@
             "id": "working-with-json",
             "label": "Working with JSON",
             "args": {
-              "backTitle": "Document Capabilities",
               "path": "/static/workbench/guides/document-capabilities/working-with-json.html"
             }
           },
@@ -48,7 +45,6 @@
             "id": "learn-more",
             "label": "Learn More",
             "args": {
-              "backTitle": "Document Capabilities",
               "path": "/static/workbench/guides/document-capabilities/learn-more.html"
             }
           }
diff --git a/redisinsight/ui/src/packages/enablement-area/guides/document-capabilities/introduction.html b/redisinsight/ui/src/packages/enablement-area/guides/document-capabilities/introduction.html
index e573784324..fd730dfdd9 100644
--- a/redisinsight/ui/src/packages/enablement-area/guides/document-capabilities/introduction.html
+++ b/redisinsight/ui/src/packages/enablement-area/guides/document-capabilities/introduction.html
@@ -68,10 +68,9 @@ <h3>PRE-REQUISITES</h3>
     </p>
   </div>
   <div style="width: 100%" class="sticky-footer">
-    <div style="width: 100%; margin-bottom: 12px">
+    <div style="width: 100%">
       <InternalLink
         size="xs"
-        backTitle="Document Capabilities"
         path="/static/workbench/guides/document-capabilities/working-with-hashes.html"
         label="Working with Hashes"
         iconType="arrowRight"
diff --git a/redisinsight/ui/src/packages/enablement-area/guides/document-capabilities/learn-more.html b/redisinsight/ui/src/packages/enablement-area/guides/document-capabilities/learn-more.html
index 3f527f58da..92d1f2ce11 100644
--- a/redisinsight/ui/src/packages/enablement-area/guides/document-capabilities/learn-more.html
+++ b/redisinsight/ui/src/packages/enablement-area/guides/document-capabilities/learn-more.html
@@ -38,10 +38,9 @@ <h3>Tutorials</h3>
     </div>
   </div>
   <div style="width: 100%" class="sticky-footer">
-    <div style="width: 100%; margin-bottom: 12px">
+    <div style="width: 100%;">
       <InternalLink
         size="xs"
-        backTitle="Document Capabilities"
         path="/static/workbench/guides/document-capabilities/working-with-json.html"
         label="Working with JSON"
         iconType="arrowLeft"
diff --git a/redisinsight/ui/src/packages/enablement-area/guides/document-capabilities/working-with-hashes.html b/redisinsight/ui/src/packages/enablement-area/guides/document-capabilities/working-with-hashes.html
index e82cb95d3c..49ac15a23e 100644
--- a/redisinsight/ui/src/packages/enablement-area/guides/document-capabilities/working-with-hashes.html
+++ b/redisinsight/ui/src/packages/enablement-area/guides/document-capabilities/working-with-hashes.html
@@ -134,11 +134,10 @@
     </ol>
   </div>
   <div style="width: 100%" class="sticky-footer">
-    <div style="width: 100%; display: flex; margin-bottom: 12px">
+    <div style="width: 100%; display: flex;">
       <div style="width: 50%; border-right: 1px solid var(--separatorColor)">
         <InternalLink
           size="xs"
-          backTitle="Document Capabilities"
           path="/static/workbench/guides/document-capabilities/introduction.html"
           label="Introduction"
           iconType="arrowLeft"
@@ -155,7 +154,6 @@
       <div style="width: 50%">
         <InternalLink
           size="xs"
-          backTitle="Document Capabilities"
           path="/static/workbench/guides/document-capabilities/working-with-json.html"
           label="Working with JSON"
           iconType="arrowRight"
diff --git a/redisinsight/ui/src/packages/enablement-area/guides/document-capabilities/working-with-json.html b/redisinsight/ui/src/packages/enablement-area/guides/document-capabilities/working-with-json.html
index 3d23498dbc..ce329b928f 100644
--- a/redisinsight/ui/src/packages/enablement-area/guides/document-capabilities/working-with-json.html
+++ b/redisinsight/ui/src/packages/enablement-area/guides/document-capabilities/working-with-json.html
@@ -128,11 +128,10 @@
     </ol>
   </div>
   <div style="width: 100%" class="sticky-footer">
-    <div style="width: 100%; display: flex; margin-bottom: 12px">
+    <div style="width: 100%; display: flex;">
       <div style="width: 50%; border-right: 1px solid var(--separatorColor)">
         <InternalLink
           size="xs"
-          backTitle="Document Capabilities"
           path="/static/workbench/guides/document-capabilities/working-with-hashes.html"
           label="Working with Hashes"
           iconType="arrowLeft"
@@ -149,7 +148,6 @@
       <div style="width: 50%">
         <InternalLink
           size="xs"
-          backTitle="Document Capabilities"
           path="/static/workbench/guides/document-capabilities/learn-more.html"
           label="Learn More"
           iconType="arrowRight"
diff --git a/redisinsight/ui/src/pages/workbench/components/enablament-area/EnablementArea/EnablementArea.tsx b/redisinsight/ui/src/pages/workbench/components/enablament-area/EnablementArea/EnablementArea.tsx
index ea65f0ee11..24f92a1ee9 100644
--- a/redisinsight/ui/src/pages/workbench/components/enablament-area/EnablementArea/EnablementArea.tsx
+++ b/redisinsight/ui/src/pages/workbench/components/enablament-area/EnablementArea/EnablementArea.tsx
@@ -1,8 +1,11 @@
-import React, { useState } from 'react'
+import React, { useEffect, useState } from 'react'
+import { useHistory, useLocation } from 'react-router-dom'
+import { useSelector, useDispatch } from 'react-redux'
 import cx from 'classnames'
 import { EuiListGroup, EuiLoadingContent } from '@elastic/eui'
 import { EnablementAreaComponent, IEnablementAreaItem } from 'uiSrc/slices/interfaces'
 import { EnablementAreaProvider, IInternalPage } from 'uiSrc/pages/workbench/contexts/enablementAreaContext'
+import { appContextWorkbenchEA, resetWorkbenchEAGuide } from 'uiSrc/slices/app/context'
 import {
   CodeButton,
   Group,
@@ -22,27 +25,55 @@ export interface Props {
   openInternalPage: (page: IInternalPage) => void;
 }
 
-const EnablementArea = ({ items, openScript, openInternalPage, loading }: Props) => {
+const EnablementArea = ({ items, openScript, loading }: Props) => {
+  const { search } = useLocation()
+  const history = useHistory()
+  const dispatch = useDispatch()
+  const { guidePath: guideFromContext } = useSelector(appContextWorkbenchEA)
   const [isInternalPageVisible, setIsInternalPageVisible] = useState(false)
-  const [internalPage, setInternalPage] = useState<IInternalPage>(
-    { backTitle: '', path: '', label: '' }
-  )
+  const [internalPage, setInternalPage] = useState<IInternalPage>({ path: '' })
+
+  useEffect(() => {
+    const pagePath = new URLSearchParams(search).get('guide')
+    if (pagePath) {
+      setIsInternalPageVisible(true)
+      setInternalPage({ path: pagePath })
+      return
+    }
+    if (guideFromContext) {
+      handleOpenInternalPage({ path: guideFromContext })
+      return
+    }
+    setIsInternalPageVisible(false)
+  }, [search])
 
   const handleOpenInternalPage = (page: IInternalPage) => {
-    setIsInternalPageVisible(true)
-    setInternalPage(page)
-    openInternalPage(page)
+    history.push({
+      search: `?guide=${page.path}`
+    })
   }
 
   const handleCloseInternalPage = () => {
-    setIsInternalPageVisible(false)
+    dispatch(resetWorkbenchEAGuide())
+    history.push({
+      // TODO: better to use query-string parser and update only one parameter (instead of replacing all)
+      search: ''
+    })
   }
 
   const renderSwitch = (item: IEnablementAreaItem) => {
     const { label, type, children, id, args } = item
     switch (type) {
       case EnablementAreaComponent.Group:
-        return <Group testId={id || label} label={label} {...args}>{renderTreeView(children || [])}</Group>
+        return (
+          <Group
+            testId={id}
+            label={label}
+            {...args}
+          >
+            {renderTreeView(children || [])}
+          </Group>
+        )
       case EnablementAreaComponent.CodeButton:
         return args?.path
           ? <LazyCodeButton label={label} {...args} />
@@ -91,7 +122,6 @@ const EnablementArea = ({ items, openScript, openInternalPage, loading }: Props)
           {internalPage?.path && (
             <LazyInternalPage
               onClose={handleCloseInternalPage}
-              backTitle={internalPage.backTitle}
               title={internalPage?.label}
               path={internalPage?.path}
             />
diff --git a/redisinsight/ui/src/pages/workbench/components/enablament-area/EnablementArea/components/CodeButton/CodeButton.tsx b/redisinsight/ui/src/pages/workbench/components/enablament-area/EnablementArea/components/CodeButton/CodeButton.tsx
index 1198ff736e..ab3aa7a35f 100644
--- a/redisinsight/ui/src/pages/workbench/components/enablament-area/EnablementArea/components/CodeButton/CodeButton.tsx
+++ b/redisinsight/ui/src/pages/workbench/components/enablament-area/EnablementArea/components/CodeButton/CodeButton.tsx
@@ -7,8 +7,9 @@ export interface Props {
   onClick: () => void;
   label: string;
   isLoading?: boolean;
+  className?: string;
 }
-const CodeButton = ({ onClick, label, isLoading }: Props) => (
+const CodeButton = ({ onClick, label, isLoading, ...rest }: Props) => (
   <EuiButton
     iconSide="right"
     isLoading={isLoading}
@@ -19,6 +20,7 @@ const CodeButton = ({ onClick, label, isLoading }: Props) => (
     contentProps={{ className: styles.button }}
     textProps={{ className: styles.buttonText }}
     data-testid={`preselect-${label}`}
+    {...rest}
   >
     {label}
   </EuiButton>
diff --git a/redisinsight/ui/src/pages/workbench/components/enablament-area/EnablementArea/components/Group/Group.spec.tsx b/redisinsight/ui/src/pages/workbench/components/enablament-area/EnablementArea/components/Group/Group.spec.tsx
index 7a8c85646c..2688a64d9e 100644
--- a/redisinsight/ui/src/pages/workbench/components/enablament-area/EnablementArea/components/Group/Group.spec.tsx
+++ b/redisinsight/ui/src/pages/workbench/components/enablament-area/EnablementArea/components/Group/Group.spec.tsx
@@ -1,6 +1,6 @@
 import React from 'react'
 import { instance, mock } from 'ts-mockito'
-import { render } from 'uiSrc/utils/test-utils'
+import { fireEvent, render, screen } from 'uiSrc/utils/test-utils'
 import Group, { Props } from './Group'
 
 const mockedProps = mock<Props>()
@@ -20,6 +20,16 @@ describe('Group', () => {
       <Group {...instance(mockedProps)} testId={testId} label={label}>{children}</Group>
     )
     const accordionButton = queryByTestId(`accordion-button-${testId}`)
+
     expect(accordionButton).toHaveTextContent(label)
   })
+  it('should emit onToggle', () => {
+    const callback = jest.fn()
+    const label = 'Quick Guides'
+
+    render(<Group {...instance(mockedProps)} testId={testId} label={label} onToggle={callback} />)
+    fireEvent.click(screen.getByTestId(`accordion-button-${testId}`))
+
+    expect(callback).toHaveBeenCalled()
+  })
 })
diff --git a/redisinsight/ui/src/pages/workbench/components/enablament-area/EnablementArea/components/Group/Group.tsx b/redisinsight/ui/src/pages/workbench/components/enablament-area/EnablementArea/components/Group/Group.tsx
index 05b2d729a5..3792200759 100644
--- a/redisinsight/ui/src/pages/workbench/components/enablament-area/EnablementArea/components/Group/Group.tsx
+++ b/redisinsight/ui/src/pages/workbench/components/enablament-area/EnablementArea/components/Group/Group.tsx
@@ -10,10 +10,11 @@ export interface Props {
   initialIsOpen?: boolean;
   forceState?: 'open' | 'closed';
   arrowDisplay?: 'left' | 'right' | 'none';
+  onToggle?: (isOpen: boolean) => void;
 }
 
 const Group = (props: Props) => {
-  const { label, children, testId, forceState, withBorder = false, arrowDisplay = 'right', initialIsOpen = false } = props
+  const { label, children, testId, forceState, withBorder = false, arrowDisplay = 'right', initialIsOpen = false, onToggle } = props
   const buttonContent = (
     <EuiText className="group-header" size="m">
       {label}
@@ -29,6 +30,7 @@ const Group = (props: Props) => {
       buttonProps={buttonProps}
       forceState={forceState}
       arrowDisplay={arrowDisplay}
+      onToggle={onToggle}
       initialIsOpen={initialIsOpen}
       style={{ whiteSpace: 'nowrap', width: 'auto' }}
       className={[withBorder ? 'withBorder' : ''].join(' ')}
diff --git a/redisinsight/ui/src/pages/workbench/components/enablament-area/EnablementArea/components/InternalLink/InternalLink.tsx b/redisinsight/ui/src/pages/workbench/components/enablament-area/EnablementArea/components/InternalLink/InternalLink.tsx
index 328c24dad4..4d03fa8a2c 100644
--- a/redisinsight/ui/src/pages/workbench/components/enablament-area/EnablementArea/components/InternalLink/InternalLink.tsx
+++ b/redisinsight/ui/src/pages/workbench/components/enablament-area/EnablementArea/components/InternalLink/InternalLink.tsx
@@ -11,18 +11,17 @@ export interface Props {
   label: string;
   children: React.ReactElement[] | string;
   path?: string,
-  backTitle?: string;
   size?: 's' | 'xs' | 'm' | 'l';
   iconType?: string;
   iconPosition?: 'left' | 'right';
   toolTip?: string;
 }
 const InternalLink = (props: Props) => {
-  const { label, testId, children, backTitle = '', path = '', size = 's', iconType, iconPosition = 'left', toolTip } = props
+  const { label, testId, children, path = '', size = 's', iconType, iconPosition = 'left', toolTip } = props
   const { openPage } = useContext(EnablementAreaContext)
   const handleOpenPage = () => {
     if (path) {
-      openPage({ path, label, backTitle: backTitle || label })
+      openPage({ path, label })
     }
   }
 
diff --git a/redisinsight/ui/src/pages/workbench/components/enablament-area/EnablementArea/components/InternalPage/InternalPage.tsx b/redisinsight/ui/src/pages/workbench/components/enablament-area/EnablementArea/components/InternalPage/InternalPage.tsx
index 14490d1bd1..d527998e2a 100644
--- a/redisinsight/ui/src/pages/workbench/components/enablament-area/EnablementArea/components/InternalPage/InternalPage.tsx
+++ b/redisinsight/ui/src/pages/workbench/components/enablament-area/EnablementArea/components/InternalPage/InternalPage.tsx
@@ -1,4 +1,4 @@
-import React, { useMemo } from 'react'
+import React, { useMemo, useRef, useEffect } from 'react'
 import {
   EuiFlexGroup,
   EuiFlexItem,
@@ -10,6 +10,7 @@ import {
 } from '@elastic/eui'
 import JsxParser from 'react-jsx-parser'
 import cx from 'classnames'
+import { debounce } from 'lodash'
 
 import {
   LazyCodeButton,
@@ -29,9 +30,26 @@ export interface Props {
   content: string;
   isLoading?: boolean;
   error?: string;
+  scrollTop?: number;
+  onScroll?: (top: number) => void;
 }
-const InternalPage = ({ onClose, title, backTitle, isLoading, error, content }: Props) => {
+const InternalPage = (props: Props) => {
+  const { onClose, title, backTitle, isLoading, error, content, onScroll, scrollTop } = props
   const components: any = { LazyCodeButton, Carousel, InternalLink, Image }
+  const containerRef = useRef<HTMLDivElement>(null)
+  const handleScroll = debounce(() => {
+    if (containerRef.current && onScroll) {
+      onScroll(containerRef.current.scrollTop)
+    }
+  }, 500)
+
+  useEffect(() => {
+    if (!isLoading && !error && scrollTop && containerRef.current) {
+      setTimeout(() => {
+        containerRef?.current?.scroll(0, scrollTop)
+      }, 0)
+    }
+  }, [isLoading, scrollTop])
 
   const contentComponent = useMemo(() => (
     <JsxParser
@@ -43,7 +61,7 @@ const InternalPage = ({ onClose, title, backTitle, isLoading, error, content }:
   ), [content])
 
   return (
-    <div className={styles.container} data-test-subj="internal-page">
+    <div ref={containerRef} className={styles.container} data-test-subj="internal-page" onScroll={handleScroll}>
       <EuiFlyoutHeader className={styles.header}>
         <EuiFlexGroup responsive={false} gutterSize="s" alignItems="center">
           <EuiFlexItem grow={false}>
diff --git a/redisinsight/ui/src/pages/workbench/components/enablament-area/EnablementArea/components/InternalPage/styles.scss b/redisinsight/ui/src/pages/workbench/components/enablament-area/EnablementArea/components/InternalPage/styles.scss
index ac03c9326e..8fa0cc0bf2 100644
--- a/redisinsight/ui/src/pages/workbench/components/enablament-area/EnablementArea/components/InternalPage/styles.scss
+++ b/redisinsight/ui/src/pages/workbench/components/enablament-area/EnablementArea/components/InternalPage/styles.scss
@@ -72,7 +72,7 @@
     position: sticky;
     bottom: 0;
     border-top: 1px solid var(--separatorColor);
-    padding-top: 12px;
+    padding: 12px 0;
     background-color: var(--euiColorEmptyShade);
   }
 }
diff --git a/redisinsight/ui/src/pages/workbench/components/enablament-area/EnablementArea/components/LazyInternalPage/LazyInternalPage.tsx b/redisinsight/ui/src/pages/workbench/components/enablament-area/EnablementArea/components/LazyInternalPage/LazyInternalPage.tsx
index b120b46ad9..22ee986445 100644
--- a/redisinsight/ui/src/pages/workbench/components/enablament-area/EnablementArea/components/LazyInternalPage/LazyInternalPage.tsx
+++ b/redisinsight/ui/src/pages/workbench/components/enablament-area/EnablementArea/components/LazyInternalPage/LazyInternalPage.tsx
@@ -1,33 +1,49 @@
 import React, { useEffect, useState } from 'react'
+import { startCase } from 'lodash'
+import { useDispatch, useSelector } from 'react-redux'
+import axios from 'axios'
 import { getApiErrorMessage, isStatusSuccessful } from 'uiSrc/utils'
 import { resourcesService } from 'uiSrc/services'
+import { IS_ABSOLUTE_PATH } from 'uiSrc/constants/regex'
+import {
+  setWorkbenchEAGuide,
+  resetWorkbenchEAGuide,
+  appContextWorkbenchEA,
+  setWorkbenchEAGuideScrollTop
+} from 'uiSrc/slices/app/context'
+import { getFileInfo } from '../../utils/getFileInfo'
 import InternalPage from '../InternalPage'
 
 export interface Props {
   onClose: () => void;
-  title: string;
-  backTitle: string;
+  title?: string;
   path: string;
 }
 
-const LazyInternalPage = ({ onClose, title, path, backTitle }: Props) => {
+const LazyInternalPage = ({ onClose, title, path }: Props) => {
+  const { guideScrollTop } = useSelector(appContextWorkbenchEA)
   const [isLoading, setLoading] = useState<boolean>(false)
   const [error, setError] = useState<string>('')
   const [content, setContent] = useState<string>('')
+  const pageInfo = getFileInfo(path)
+  const dispatch = useDispatch()
+  const fetchService = IS_ABSOLUTE_PATH.test(path) ? axios : resourcesService
 
   const loadContent = async () => {
     setLoading(true)
     setError('')
     setContent('')
     try {
-      const { data, status } = await resourcesService.get<string>(path)
+      const { data, status } = await fetchService.get<string>(path)
       if (isStatusSuccessful(status)) {
+        dispatch(setWorkbenchEAGuide(path))
         setLoading(false)
         setContent(data)
       }
     } catch (error) {
       setLoading(false)
       const errorMessage: string = getApiErrorMessage(error)
+      dispatch(resetWorkbenchEAGuide())
       setError(errorMessage)
     }
   }
@@ -38,14 +54,20 @@ const LazyInternalPage = ({ onClose, title, path, backTitle }: Props) => {
     }())
   }, [path])
 
+  const handlePageScroll = (top: number) => {
+    dispatch(setWorkbenchEAGuideScrollTop(top))
+  }
+
   return (
     <InternalPage
       onClose={onClose}
-      title={title}
-      backTitle={backTitle}
+      title={startCase(title || pageInfo.title)}
+      backTitle={startCase(pageInfo?.parent)}
       isLoading={isLoading}
       content={content}
       error={error}
+      onScroll={handlePageScroll}
+      scrollTop={guideScrollTop}
     />
   )
 }
diff --git a/redisinsight/ui/src/pages/workbench/components/enablament-area/EnablementArea/utils/getFileInfo.spec.ts b/redisinsight/ui/src/pages/workbench/components/enablament-area/EnablementArea/utils/getFileInfo.spec.ts
new file mode 100644
index 0000000000..271ccec5d6
--- /dev/null
+++ b/redisinsight/ui/src/pages/workbench/components/enablament-area/EnablementArea/utils/getFileInfo.spec.ts
@@ -0,0 +1,50 @@
+import { getFileInfo } from './getFileInfo'
+
+const getFileInfoTests = [
+  {
+    input: '/parent-folder/file-name.txt',
+    expected: { title: 'file name', parent: 'parent folder', extension: 'txt' }
+  },
+  {
+    input: 'parent_folder\\file_name.txt',
+    expected: { title: 'file name', parent: 'parent folder', extension: 'txt' }
+  },
+  {
+    input: 'https://domen.com/workbench/enablement-area/introduction.html',
+    expected: { title: 'introduction', parent: 'enablement area', extension: 'html' }
+  },
+  {
+    input: 'https://domen.com/introduction.html',
+    expected: { title: 'introduction', parent: '', extension: 'html' }
+  },
+  {
+    input: '/introduction.html',
+    expected: { title: 'introduction', parent: '', extension: 'html' }
+  },
+  {
+    input: '//parent/markdown.md',
+    expected: { title: '', parent: '', extension: '' }
+  },
+  {
+    input: '/file.txt',
+    expected: { title: 'file', parent: '', extension: 'txt' }
+  },
+  {
+    input: '',
+    expected: { title: '', parent: '', extension: '' }
+  },
+  {
+    input: '/',
+    expected: { title: '', parent: '', extension: '' }
+  },
+]
+
+describe('getFileInfo', () => {
+  test.each(getFileInfoTests)(
+    '%j',
+    ({ input, expected }) => {
+      const result = getFileInfo(input)
+      expect(result).toEqual(expected)
+    }
+  )
+})
diff --git a/redisinsight/ui/src/pages/workbench/components/enablament-area/EnablementArea/utils/getFileInfo.ts b/redisinsight/ui/src/pages/workbench/components/enablament-area/EnablementArea/utils/getFileInfo.ts
new file mode 100644
index 0000000000..545139b93f
--- /dev/null
+++ b/redisinsight/ui/src/pages/workbench/components/enablament-area/EnablementArea/utils/getFileInfo.ts
@@ -0,0 +1,31 @@
+import { API_URL } from 'uiSrc/constants'
+import { IS_ABSOLUTE_PATH } from 'uiSrc/constants/regex'
+
+interface IFileInfo {
+  extension: string;
+  title: string;
+  parent: string;
+}
+
+export const getFileInfo = (path: string): IFileInfo => {
+  const result = { extension: '', title: '', parent: '' }
+  try {
+    const url = IS_ABSOLUTE_PATH.test(path) ? new URL(path) : new URL(path, API_URL)
+    const pathNames = url.pathname.split('/')
+    const file = pathNames.pop() || ''
+    const [fileName, extension] = file.split('.')
+    const parent = pathNames.pop() || ''
+    if (fileName) {
+      result.title = fileName.replace(/[-_]+/g, ' ')
+    }
+    if (extension) {
+      result.extension = extension
+    }
+    if (parent) {
+      result.parent = parent.replace(/[-_]+/g, ' ')
+    }
+    return result
+  } catch (e) {
+    return result
+  }
+}
diff --git a/redisinsight/ui/src/pages/workbench/contexts/enablementAreaContext.tsx b/redisinsight/ui/src/pages/workbench/contexts/enablementAreaContext.tsx
index 241ddf33d2..67200d4bbf 100644
--- a/redisinsight/ui/src/pages/workbench/contexts/enablementAreaContext.tsx
+++ b/redisinsight/ui/src/pages/workbench/contexts/enablementAreaContext.tsx
@@ -6,8 +6,7 @@ interface IContext {
 }
 export interface IInternalPage {
   path: string,
-  label: string;
-  backTitle: string;
+  label?: string;
 }
 export const defaultValue = {
   setScript: (script: string, path: string) => script,
diff --git a/redisinsight/ui/src/slices/app/context.ts b/redisinsight/ui/src/slices/app/context.ts
index 7dbcad8cb0..40b01d06bb 100644
--- a/redisinsight/ui/src/slices/app/context.ts
+++ b/redisinsight/ui/src/slices/app/context.ts
@@ -16,6 +16,10 @@ export const initialState: StateAppContext = {
   },
   workbench: {
     script: '',
+    enablementArea: {
+      guidePath: '',
+      guideScrollTop: 0,
+    },
     panelSizes: {
       horizontal: {},
       vertical: {}
@@ -57,6 +61,20 @@ const appContextSlice = createSlice({
     setLastPageContext: (state, { payload }: { payload: string }) => {
       state.lastPage = payload
     },
+    setWorkbenchEAGuide: (state, { payload }: { payload: any }) => {
+      const prevValue = state.workbench.enablementArea.guidePath
+      state.workbench.enablementArea.guidePath = payload
+      if (prevValue !== payload) {
+        state.workbench.enablementArea.guideScrollTop = 0
+      }
+    },
+    setWorkbenchEAGuideScrollTop: (state, { payload }: { payload: any }) => {
+      state.workbench.enablementArea.guideScrollTop = payload || 0
+    },
+    resetWorkbenchEAGuide: (state) => {
+      state.workbench.enablementArea.guidePath = ''
+      state.workbench.enablementArea.guideScrollTop = 0
+    },
   },
 })
 
@@ -71,7 +89,10 @@ export const {
   setWorkbenchScript,
   setWorkbenchHorizontalPanelSizes,
   setWorkbenchVerticalPanelSizes,
-  setLastPageContext
+  setLastPageContext,
+  setWorkbenchEAGuide,
+  resetWorkbenchEAGuide,
+  setWorkbenchEAGuideScrollTop,
 } = appContextSlice.actions
 
 // Selectors
@@ -83,6 +104,8 @@ export const appContextWorkbench = (state: RootState) =>
   state.app.context.workbench
 export const appContextSelectedKey = (state: RootState) =>
   state.app.context.browser.keyList.selectedKey
+export const appContextWorkbenchEA = (state: RootState) =>
+  state.app.context.workbench.enablementArea
 
 // The reducer
 export default appContextSlice.reducer
diff --git a/redisinsight/ui/src/slices/interfaces/app.ts b/redisinsight/ui/src/slices/interfaces/app.ts
index 062b167657..d7005b0dc9 100644
--- a/redisinsight/ui/src/slices/interfaces/app.ts
+++ b/redisinsight/ui/src/slices/interfaces/app.ts
@@ -46,6 +46,10 @@ export interface StateAppContext {
   },
   workbench: {
     script: string;
+    enablementArea: {
+      guidePath: string;
+      guideScrollTop: number;
+    },
     panelSizes: {
       horizontal: {
         [key: string]: number;
diff --git a/redisinsight/ui/src/slices/tests/app/context.spec.ts b/redisinsight/ui/src/slices/tests/app/context.spec.ts
index 9da63cfce8..c4e5968a0e 100644
--- a/redisinsight/ui/src/slices/tests/app/context.spec.ts
+++ b/redisinsight/ui/src/slices/tests/app/context.spec.ts
@@ -18,7 +18,12 @@ import reducer, {
   setWorkbenchVerticalPanelSizes,
   setLastPageContext,
   appContextSelector,
-  appContextBrowser, appContextWorkbench
+  appContextBrowser,
+  appContextWorkbench,
+  setWorkbenchEAGuide,
+  appContextWorkbenchEA,
+  setWorkbenchEAGuideScrollTop,
+  resetWorkbenchEAGuide
 } from '../../app/context'
 
 jest.mock('uiSrc/services')
@@ -233,6 +238,89 @@ describe('slices', () => {
     })
   })
 
+  describe('setWorkbenchEAGuide', () => {
+    it('should properly set path to opened guide page', () => {
+      // Arrange
+      const prevState = {
+        ...initialState,
+        workbench: {
+          ...initialState.workbench,
+          enablementArea: {
+            guidePath: 'static/enablement-area/guides/guide1.html',
+            guideScrollTop: 200,
+          }
+        },
+      }
+      const guidePath = 'static/enablement-area/guides/guide2.html'
+      const state = {
+        ...initialState.workbench.enablementArea,
+        guidePath,
+        guideScrollTop: 0,
+      }
+
+      // Act
+      const nextState = reducer(prevState, setWorkbenchEAGuide(guidePath))
+
+      // Assert
+      const rootState = Object.assign(initialStateDefault, {
+        app: { context: nextState },
+      })
+
+      expect(appContextWorkbenchEA(rootState)).toEqual(state)
+    })
+  })
+
+  describe('setWorkbenchEAGuideScrollTop', () => {
+    it('should properly set state', () => {
+      // Arrange
+      const state = {
+        ...initialState.workbench.enablementArea,
+        guideScrollTop: 200,
+      }
+
+      // Act
+      const nextState = reducer(initialState, setWorkbenchEAGuideScrollTop(200))
+
+      // Assert
+      const rootState = Object.assign(initialStateDefault, {
+        app: { context: nextState },
+      })
+
+      expect(appContextWorkbenchEA(rootState)).toEqual(state)
+    })
+  })
+
+  describe('resetWorkbenchEAGuide', () => {
+    it('should properly reset enablement-area context', () => {
+      // Arrange
+      const prevState = {
+        ...initialState,
+        workbench: {
+          ...initialState.workbench,
+          enablementArea: {
+            guidePath: 'static/enablement-area/guides/guide1.html',
+            guideScrollTop: 200,
+          }
+        },
+      }
+      const state = {
+        ...initialState.workbench.enablementArea,
+        guidePath: '',
+        guideScrollTop: 0,
+      }
+
+      // Act
+      const nextState = reducer(prevState, resetWorkbenchEAGuide())
+
+      // Assert
+      const rootState = Object.assign(initialStateDefault, {
+        app: { context: nextState },
+      })
+
+      expect(appContextWorkbenchEA(rootState)).toEqual(state)
+    })
+  })
+
   describe('setLastPageContext', () => {
     it('should properly set last page', () => {
       // Arrange