diff --git a/assets/js/src/newsletter_editor/initializer.jsx b/assets/js/src/newsletter_editor/initializer.jsx index a83b98f25c..038beace65 100644 --- a/assets/js/src/newsletter_editor/initializer.jsx +++ b/assets/js/src/newsletter_editor/initializer.jsx @@ -16,6 +16,12 @@ const renderBreadcrumb = (newsletterType) => { ReactDOM.render(breadcrumb, breadcrumbContainer); }; +function displayTutorial() { + MailPoet.Modal.popup({ + template: '', + }); +} + const initializeEditor = (config) => { const editorContainer = document.getElementById('mailpoet_editor'); const getUrlParam = param => (location.search.split(`${param}=`)[1] || '').split('&')[0]; @@ -33,6 +39,7 @@ const initializeEditor = (config) => { }, }) .always(() => MailPoet.Modal.loading(false)) + .always(() => displayTutorial()) .done((response) => { const newsletter = response.data; diff --git a/views/newsletter/editor.html b/views/newsletter/editor.html index a572335322..0b8d662496 100644 --- a/views/newsletter/editor.html +++ b/views/newsletter/editor.html @@ -1295,6 +1295,7 @@ "newsletter_editor/image-missing.svg" ) %>', }, + dragDemoUrl: '<%= image_url("newsletter_editor/editor-drag-demo.mp4") %>', }; wp.hooks.doAction('mailpoet_newsletters_editor_initialize', config);