{"id":6400,"date":"2021-10-04T06:18:33","date_gmt":"2021-10-04T06:18:33","guid":{"rendered":"https:\/\/elementor.com\/academy\/?p=6400"},"modified":"2023-02-22T10:09:39","modified_gmt":"2023-02-22T10:09:39","slug":"how-to-create-maintenance-mode-and-coming-soon-pages","status":"publish","type":"post","link":"https:\/\/elementor.com\/academy\/how-to-create-maintenance-mode-and-coming-soon-pages\/","title":{"rendered":"How To Set Up and Enable Maintenance Mode and Coming Soon Pages"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-post\" data-elementor-id=\"6400\" class=\"elementor elementor-6400\" data-elementor-post-type=\"post\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-354c4cf8 thesinglevideo elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"354c4cf8\" data-element_type=\"section\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-no\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-4e094bf6\" data-id=\"4e094bf6\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-5938e93b elementor-widget elementor-widget-video\" data-id=\"5938e93b\" data-element_type=\"widget\" data-settings=\"{&quot;youtube_url&quot;:&quot;https:\\\/\\\/youtu.be\\\/qvsmgIlQGEI&quot;,&quot;video_type&quot;:&quot;youtube&quot;,&quot;controls&quot;:&quot;yes&quot;}\" data-widget_type=\"video.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-wrapper elementor-open-inline\">\n\t\t\t<div class=\"elementor-video\"><\/div>\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-389a8ba0 thesinglevideoOver elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"389a8ba0\" data-element_type=\"section\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-no\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-37b3585b\" data-id=\"37b3585b\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-731b802e elementor-tabs-view-horizontal elementor-widget elementor-widget-tabs\" data-id=\"731b802e\" data-element_type=\"widget\" data-widget_type=\"tabs.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-tabs\">\n\t\t\t<div class=\"elementor-tabs-wrapper\" role=\"tablist\" >\n\t\t\t\t\t\t\t\t\t<div id=\"elementor-tab-title-1931\" class=\"elementor-tab-title elementor-tab-desktop-title\" aria-selected=\"true\" data-tab=\"1\" role=\"tab\" tabindex=\"0\" aria-controls=\"elementor-tab-content-1931\" aria-expanded=\"false\">Overview<\/div>\n\t\t\t\t\t\t\t\t\t<div id=\"elementor-tab-title-1932\" class=\"elementor-tab-title elementor-tab-desktop-title\" aria-selected=\"false\" data-tab=\"2\" role=\"tab\" tabindex=\"-1\" aria-controls=\"elementor-tab-content-1932\" aria-expanded=\"false\">Transcript<\/div>\n\t\t\t\t\t\t\t<\/div>\n\t\t\t<div class=\"elementor-tabs-content-wrapper\" role=\"tablist\" aria-orientation=\"vertical\">\n\t\t\t\t\t\t\t\t\t<div class=\"elementor-tab-title elementor-tab-mobile-title\" aria-selected=\"true\" data-tab=\"1\" role=\"tab\" tabindex=\"0\" aria-controls=\"elementor-tab-content-1931\" aria-expanded=\"false\">Overview<\/div>\n\t\t\t\t\t<div id=\"elementor-tab-content-1931\" class=\"elementor-tab-content elementor-clearfix\" data-tab=\"1\" role=\"tabpanel\" aria-labelledby=\"elementor-tab-title-1931\" tabindex=\"0\" hidden=\"false\"><p>In this tutorial we will learn how to set up a Coming Soon page, (for websites under construction) as well as a Maintenance Mode page (for live websites), how to activate them, and finally, how to preview these pages as a visitor.<br>The tutorial will cover:<\/p>\n<p>\u2714\ufe0e Building a Coming Soon page with Elementor<br>\u2714\ufe0e Setting your website to Maintenance Mode<br>\u2714\ufe0e Maintenance mode settings<br>\u2714\ufe0e The difference between Maintenance Mode and Coming Soon<br>\u2714\ufe0e And more!<\/p>\n<p>See Also:<br><a href=\"https:\/\/elementor.com\/help\/maintenance-mode\">Maintenance Mode Article<\/a><br><a href=\"https:\/\/elementor.com\/help\/coming-soon-elementor\">Coming Soon Article<\/a><br><a href=\"https:\/\/elementor.com\/blog\/wordpress-maintenance-mode\">Maintenance Mode Post<\/a><\/p><\/div>\n\t\t\t\t\t\t\t\t\t<div class=\"elementor-tab-title elementor-tab-mobile-title\" aria-selected=\"false\" data-tab=\"2\" role=\"tab\" tabindex=\"-1\" aria-controls=\"elementor-tab-content-1932\" aria-expanded=\"false\">Transcript<\/div>\n\t\t\t\t\t<div id=\"elementor-tab-content-1932\" class=\"elementor-tab-content elementor-clearfix\" data-tab=\"2\" role=\"tabpanel\" aria-labelledby=\"elementor-tab-title-1932\" tabindex=\"0\" hidden=\"hidden\"><p>Hey there, its Ash from Elementor.<\/p><p>Today we\u2019re going to learn how to set up a Coming Soon page or Maintenance Mode using Elementor.<\/p><p>If you\u2019re building a new website, or applying changes to an existing one, it\u2019s likely you do not want your visitors to view your site until it\u2019s ready to launch.<\/p><p>In today\u2019s example, I\u2019m building a fashion store website.<\/p><p>As I\u2019m still working on developing this website, I\u2019d like to show this coming soon page to let my visitors know that things aren\u2019t quite ready yet.<\/p><p>In this tutorial, we\u2019ll learn how to create a template for a coming soon or maintenance page, enable it, and finally review it as a visitor.<\/p><p>Let\u2019s get started with creating our template. In the WordPress dashboard, head to <b>Templates &gt; Add new<\/b>, ensure you have this set as a page template, then give it a name.\u00a0We\u2019ll call ours \u2018\u2018Coming Soon Page\u201d.<\/p><p>By default we can see the theme\u2019s header, page title, and footer.\u00a0Since we would like to prevent visitors from navigating on the website, we can choose to hide these elements.<\/p><p>Select the settings icon and switch the page layout to Elementor Canvas. The canvas page layout allows us to design with complete freedom and automatically removes the page header, page title and footer which are set by our theme.<\/p><p>If you click the library icon, and search for \u201cComing soon\u201d or \u201cMaintenance\u201d you\u2019ll find some great designs to start with.<\/p><p>You can choose one of these, or you can create your own customized design. I\u2019m going go ahead and insert a template I created earlier.<\/p><p>Whenever we import a template, we\u2019ll be asked if we would like to also import the document settings of the template. For ours ours, we\u2019ll select no.<\/p><p>Ok, great.<\/p><p>Once you have finished building your template, and making sure your design is responsive, click <b>Publish<\/b>.<\/p><p>All we have to do now is return to the WordPress\u2019 dashboard and activate the Coming Soon mode.<\/p><p>On the dashboard, go to <b>Elementor &gt; Tools &gt; Maintenance mode<\/b>, and change the mode to <b>Coming Soon<\/b>.<\/p><p>If your website has different levels of access, you can decide here who will be able to view it. For example, only administrators or editors or you can set it to everyone who is logged in.<\/p><p>Next, Choose the template we\u2019ve just created and then click the <b>Save Changes<\/b> button.<\/p><p>We\u2019ll now see a red notice saying \u201cMaintenance mode ON\u201d at the top of our dashboard.<\/p><p>The website will be available for you, as an administrator, but not for your visitors.<\/p><p>To see this in action, you can log-out, or simply enter incognito mode in your browser.<\/p><p>And paste your website\u2019s URL. The same thing applies when you\u2019re working on a live website, and you wish to disable it for a short period. This is good practice so your visitors don\u2019t experience any broken pages.<\/p><p>In this instance, you should enable &#8220;<b>Maintenance Mode<\/b>.&#8221;<\/p><p>The difference with maintenance mode is that your website temporarily deters search engines and tells them to come back later. This is achieved with a 503 response which informs search engines you\u2019re simply performing maintenance and won\u2019t affect your ranking.<\/p><p>It\u2019s important to ensure your website is accessible as often as possible, so be sure to not have maintenance mode activated for too long.<\/p><p>Just like with the coming soon mode, your visitors will see this instead of an unfinished website.<\/p><p>And we have it, you now know how to set up a Coming Soon page or Maintenance Mode using Elementor.<\/p><p>Be sure to comment below with any questions and don\u2019t forget to like and subscribe for more great tutorials.\u00a0<\/p><\/div>\n\t\t\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Overview Transcript Overview In this tutorial we will learn how to set up a Coming Soon page, (for websites under construction) as well as a Maintenance Mode page (for live websites), how to activate them, and finally, how to preview these pages as a visitor. The tutorial will cover: \u2714\ufe0e Building a Coming Soon page [&hellip;]<\/p>\n","protected":false},"author":20,"featured_media":6401,"comment_status":"closed","ping_status":"open","sticky":false,"template":"elementor_theme","format":"standard","meta":{"footnotes":""},"categories":[4,8],"tags":[41],"class_list":["post-6400","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-design-layout","category-getting-started","tag-guides-tutorials"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v26.8 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>How To Set Up and Enable Maintenance Mode and Coming Soon Pages - Academy<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/elementor.com\/academy\/how-to-create-maintenance-mode-and-coming-soon-pages\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"How To Set Up and Enable Maintenance Mode and Coming Soon Pages - Academy\" \/>\n<meta property=\"og:description\" content=\"Overview Transcript Overview In this tutorial we will learn how to set up a Coming Soon page, (for websites under construction) as well as a Maintenance Mode page (for live websites), how to activate them, and finally, how to preview these pages as a visitor. The tutorial will cover: \u2714\ufe0e Building a Coming Soon page [&hellip;]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/elementor.com\/academy\/how-to-create-maintenance-mode-and-coming-soon-pages\/\" \/>\n<meta property=\"og:site_name\" content=\"Academy\" \/>\n<meta property=\"article:published_time\" content=\"2021-10-04T06:18:33+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2023-02-22T10:09:39+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/elementor.com\/academy\/wp-content\/uploads\/2021\/10\/Maintenance-Mode-Coming-Soon.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"2560\" \/>\n\t<meta property=\"og:image:height\" content=\"1440\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Aviva Darab\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Aviva Darab\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"4 minutes\" \/>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"How To Set Up and Enable Maintenance Mode and Coming Soon Pages - Academy","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/elementor.com\/academy\/how-to-create-maintenance-mode-and-coming-soon-pages\/","og_locale":"en_US","og_type":"article","og_title":"How To Set Up and Enable Maintenance Mode and Coming Soon Pages - Academy","og_description":"Overview Transcript Overview In this tutorial we will learn how to set up a Coming Soon page, (for websites under construction) as well as a Maintenance Mode page (for live websites), how to activate them, and finally, how to preview these pages as a visitor. The tutorial will cover: \u2714\ufe0e Building a Coming Soon page [&hellip;]","og_url":"https:\/\/elementor.com\/academy\/how-to-create-maintenance-mode-and-coming-soon-pages\/","og_site_name":"Academy","article_published_time":"2021-10-04T06:18:33+00:00","article_modified_time":"2023-02-22T10:09:39+00:00","og_image":[{"width":2560,"height":1440,"url":"https:\/\/elementor.com\/academy\/wp-content\/uploads\/2021\/10\/Maintenance-Mode-Coming-Soon.jpg","type":"image\/jpeg"}],"author":"Aviva Darab","twitter_card":"summary_large_image","twitter_misc":{"Written by":"Aviva Darab","Est. reading time":"4 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/elementor.com\/academy\/how-to-create-maintenance-mode-and-coming-soon-pages\/#article","isPartOf":{"@id":"https:\/\/elementor.com\/academy\/how-to-create-maintenance-mode-and-coming-soon-pages\/"},"author":{"name":"Aviva Darab","@id":"https:\/\/elementor.com\/academy\/#\/schema\/person\/6ce87fcf655168e5ac55e43148a99449"},"headline":"How To Set Up and Enable Maintenance Mode and Coming Soon Pages","datePublished":"2021-10-04T06:18:33+00:00","dateModified":"2023-02-22T10:09:39+00:00","mainEntityOfPage":{"@id":"https:\/\/elementor.com\/academy\/how-to-create-maintenance-mode-and-coming-soon-pages\/"},"wordCount":744,"publisher":{"@id":"https:\/\/elementor.com\/academy\/#organization"},"image":{"@id":"https:\/\/elementor.com\/academy\/how-to-create-maintenance-mode-and-coming-soon-pages\/#primaryimage"},"thumbnailUrl":"https:\/\/elementor.com\/academy\/wp-content\/uploads\/2021\/10\/Maintenance-Mode-Coming-Soon.jpg","keywords":["Guides and Tutorials"],"articleSection":["Design \/ Layout","Getting Started"],"inLanguage":"en-US"},{"@type":"WebPage","@id":"https:\/\/elementor.com\/academy\/how-to-create-maintenance-mode-and-coming-soon-pages\/","url":"https:\/\/elementor.com\/academy\/how-to-create-maintenance-mode-and-coming-soon-pages\/","name":"How To Set Up and Enable Maintenance Mode and Coming Soon Pages - Academy","isPartOf":{"@id":"https:\/\/elementor.com\/academy\/#website"},"primaryImageOfPage":{"@id":"https:\/\/elementor.com\/academy\/how-to-create-maintenance-mode-and-coming-soon-pages\/#primaryimage"},"image":{"@id":"https:\/\/elementor.com\/academy\/how-to-create-maintenance-mode-and-coming-soon-pages\/#primaryimage"},"thumbnailUrl":"https:\/\/elementor.com\/academy\/wp-content\/uploads\/2021\/10\/Maintenance-Mode-Coming-Soon.jpg","datePublished":"2021-10-04T06:18:33+00:00","dateModified":"2023-02-22T10:09:39+00:00","breadcrumb":{"@id":"https:\/\/elementor.com\/academy\/how-to-create-maintenance-mode-and-coming-soon-pages\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/elementor.com\/academy\/how-to-create-maintenance-mode-and-coming-soon-pages\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/elementor.com\/academy\/how-to-create-maintenance-mode-and-coming-soon-pages\/#primaryimage","url":"https:\/\/elementor.com\/academy\/wp-content\/uploads\/2021\/10\/Maintenance-Mode-Coming-Soon.jpg","contentUrl":"https:\/\/elementor.com\/academy\/wp-content\/uploads\/2021\/10\/Maintenance-Mode-Coming-Soon.jpg","width":2560,"height":1440},{"@type":"BreadcrumbList","@id":"https:\/\/elementor.com\/academy\/how-to-create-maintenance-mode-and-coming-soon-pages\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Elementor","item":"https:\/\/elementor.com\/"},{"@type":"ListItem","position":2,"name":"Academy","item":"https:\/\/elementor.com\/academy\/"},{"@type":"ListItem","position":3,"name":"Design \/ Layout","item":"https:\/\/elementor.com\/academy\/design-layout\/"},{"@type":"ListItem","position":4,"name":"How To Set Up and Enable Maintenance Mode and Coming Soon Pages"}]},{"@type":"WebSite","@id":"https:\/\/elementor.com\/academy\/#website","url":"https:\/\/elementor.com\/academy\/","name":"Elementor Academy","description":"Page Builder for WordPress","publisher":{"@id":"https:\/\/elementor.com\/academy\/#organization"},"alternateName":"https:\/\/elementor.com\/academy\/wp-content\/uploads\/2021\/02\/Elementor-Logo.png","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/elementor.com\/academy\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/elementor.com\/academy\/#organization","name":"Elementor Academy","alternateName":"https:\/\/elementor.com\/academy\/wp-content\/uploads\/2021\/02\/Elementor-Logo.png","url":"https:\/\/elementor.com\/academy\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/elementor.com\/academy\/#\/schema\/logo\/image\/","url":"https:\/\/elementor.com\/academy\/wp-content\/uploads\/2022\/11\/e-logo.svg","contentUrl":"https:\/\/elementor.com\/academy\/wp-content\/uploads\/2022\/11\/e-logo.svg","width":490,"height":85,"caption":"Elementor Academy"},"image":{"@id":"https:\/\/elementor.com\/academy\/#\/schema\/logo\/image\/"}},{"@type":"Person","@id":"https:\/\/elementor.com\/academy\/#\/schema\/person\/6ce87fcf655168e5ac55e43148a99449","name":"Aviva Darab","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/elementor.com\/academy\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/5456d642d6417c9b72a48f8fbec624cc1336f934ce83732b6fa2358ab0c31bfe?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/5456d642d6417c9b72a48f8fbec624cc1336f934ce83732b6fa2358ab0c31bfe?s=96&d=mm&r=g","caption":"Aviva Darab"},"description":"Aviva is a Designer and Educator at Elementor. She\u2019s experienced in web and graphic design and enjoys sharing her knowledge with others. She stays fueled with coffee, dark chocolate, and Pinterest.","url":"https:\/\/elementor.com\/academy\/author\/user-5e36e0380be94\/"}]}},"_links":{"self":[{"href":"https:\/\/elementor.com\/academy\/wp-json\/wp\/v2\/posts\/6400","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/elementor.com\/academy\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/elementor.com\/academy\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/elementor.com\/academy\/wp-json\/wp\/v2\/users\/20"}],"replies":[{"embeddable":true,"href":"https:\/\/elementor.com\/academy\/wp-json\/wp\/v2\/comments?post=6400"}],"version-history":[{"count":1,"href":"https:\/\/elementor.com\/academy\/wp-json\/wp\/v2\/posts\/6400\/revisions"}],"predecessor-version":[{"id":9338,"href":"https:\/\/elementor.com\/academy\/wp-json\/wp\/v2\/posts\/6400\/revisions\/9338"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/elementor.com\/academy\/wp-json\/wp\/v2\/media\/6401"}],"wp:attachment":[{"href":"https:\/\/elementor.com\/academy\/wp-json\/wp\/v2\/media?parent=6400"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/elementor.com\/academy\/wp-json\/wp\/v2\/categories?post=6400"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/elementor.com\/academy\/wp-json\/wp\/v2\/tags?post=6400"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}