diff --git a/assets/js/src/form_editor/components/header.jsx b/assets/js/src/form_editor/components/header.jsx
index 7005d8f04c..e80be18516 100644
--- a/assets/js/src/form_editor/components/header.jsx
+++ b/assets/js/src/form_editor/components/header.jsx
@@ -13,11 +13,23 @@ export default () => {
     (select) => select('mailpoet-form-editor').getIsFormSaving(),
     []
   );
-  const { toggleSidebar, saveForm } = useDispatch('mailpoet-form-editor');
+  const isPreview = useSelect(
+    (select) => select('mailpoet-form-editor').getIsPreviewShown(),
+    []
+  );
+  const { toggleSidebar, saveForm, showPreview } = useDispatch('mailpoet-form-editor');
 
   return (
     <div className="edit-post-header">
       <div className="edit-post-header__settings">
+        <Button
+          isSecondary
+          isLarge
+          onClick={showPreview}
+          isPressed={isPreview}
+        >
+          {__('Preview')}
+        </Button>
         <Button
           isPrimary
           isLarge
diff --git a/assets/js/src/form_editor/store/actions.jsx b/assets/js/src/form_editor/store/actions.jsx
index 0166cf5f3c..206fee3a38 100644
--- a/assets/js/src/form_editor/store/actions.jsx
+++ b/assets/js/src/form_editor/store/actions.jsx
@@ -136,6 +136,12 @@ export function saveFormFailed(message = undefined) {
   };
 }
 
+export function showPreview() {
+  return {
+    type: 'SHOW_PREVIEW',
+  };
+}
+
 export function removeNotice(id) {
   return {
     type: 'REMOVE_NOTICE',
diff --git a/assets/js/src/form_editor/store/selectors.jsx b/assets/js/src/form_editor/store/selectors.jsx
index 2ea96d9dde..a4aedf7ebb 100644
--- a/assets/js/src/form_editor/store/selectors.jsx
+++ b/assets/js/src/form_editor/store/selectors.jsx
@@ -35,6 +35,9 @@ export default {
   getIsFormSaving(state) {
     return state.isFormSaving;
   },
+  getIsPreviewShown(state) {
+    return false;
+  },
   getIsCustomFieldSaving(state) {
     return state.isCustomFieldSaving;
   },