diff --git a/packages/js/email-editor/src/components/sidebar/edit-template-modal.tsx b/packages/js/email-editor/src/components/sidebar/edit-template-modal.tsx
new file mode 100644
index 0000000000..3b47a2804a
--- /dev/null
+++ b/packages/js/email-editor/src/components/sidebar/edit-template-modal.tsx
@@ -0,0 +1,45 @@
+import { __ } from '@wordpress/i18n';
+import { Button, Flex, FlexItem, Modal } from '@wordpress/components';
+import { useSelect } from '@wordpress/data';
+import { storeName } from '../../store';
+import { store as editorStore } from '@wordpress/editor';
+
+export function EditTemplateModal( { close } ) {
+ const { onNavigateToEntityRecord, template } = useSelect( ( sel ) => {
+ const { getEditorSettings } = sel( editorStore );
+ const editorSettings = getEditorSettings();
+ return {
+ onNavigateToEntityRecord:
+ // @ts-expect-error onNavigateToEntityRecord type is not defined
+ editorSettings.onNavigateToEntityRecord,
+ template: sel( storeName ).getCurrentTemplate(),
+ };
+ }, [] );
+
+ return (
+
+
+ { __(
+ 'Note that the same template can be used by multiple emails, so any changes made here may affect other emails on the site. To switch back to editing the page content click the ‘Back’ button in the toolbar.',
+ 'mailpoet'
+ ) }
+