{"id":2628,"date":"2024-12-31T20:23:15","date_gmt":"2024-12-31T20:23:15","guid":{"rendered":"https:\/\/meetanshi.com\/blog\/how-to-customize-maintenance-mode-page-in-magento-2\/"},"modified":"2025-07-16T14:47:24","modified_gmt":"2025-07-16T09:17:24","slug":"customize-maintenance-mode-page-in-magento-2","status":"publish","type":"post","link":"https:\/\/meetanshi.com\/blog\/customize-maintenance-mode-page-in-magento-2\/","title":{"rendered":"How to Customize Maintenance Mode Page in Magento 2"},"content":{"rendered":"\n<p class=\"wp-block-paragraph\">Tired of the boring \u2018Server Temporarily Unavailable\u2019 maintenance page in your Magento 2 store? Here is how you can&nbsp;customize maintenance mode page in Magento 2&nbsp;as you want!<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Just like the physical stores, the\u00a0Magento 2\u00a0stores require regular maintenance for smooth operations. The online store maintenance includes fixing bugs, and errors, adding new functionalities, and much more. There are high chances that the customer may encounter an error or have an unpleasant experience if they are allowed to access the webstore during maintenance.\u00a0 A clever way to avoid that is to show an \u2018Under maitenance\u2019 page in Magento 2.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Magento 2 allows the admin users to&nbsp;<a href=\"https:\/\/meetanshi.com\/blog\/enable-or-disable-maintenance-mode-in-magento-2\/\" target=\"_blank\" rel=\"noreferrer noopener\">enable the maintenance mode<\/a>&nbsp;to carry out the operations such as bug fixing, customization, adding more features, etc. During this period, the customers are restricted from accessing the website by showing a&nbsp;<strong>\u2018Service Temporarily Unavailable\u2019&nbsp;<\/strong>message (as shown below). You can do either of both, enable or disable maintenance mode in Magento 2, as per the errors and issues are taken and solved.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" src=\"https:\/\/meetanshi.com\/blog\/wp-content\/uploads\/2022\/08\/Magento-2-Maintenance-Mode-Error-Page.webp\" alt=\"Magento 2 Maintenance Mode Error Page\" class=\"wp-image-50961\"\/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">The message may serve its purpose for the developers and the store owners, but it may not be clear enough for the customers to understand. <\/p>\n\n\n\n<p class=\"wp-block-paragraph\">As a result, it may deteriorate the customer experience and hamper the branding in the long go. Therefore, the store owners may seek a way to look for <a href=\"https:\/\/meetanshi.com\/blog\/creative-maintenance-page-examples\/\" data-type=\"link\" data-id=\"https:\/\/meetanshi.com\/blog\/creative-maintenance-page-examples\/\">creative maintenance mode page in Magento 2<\/a>.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">In this blog post, I will provide you with a programmatic solution to change Magento 2 custom maintenance page.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Let\u2019s begin! <\/p>\n\n\n\n<h2 class=\"wp-block-heading\">How to Customize Maintenance Mode Page in Magento 2?<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">The Magento 2 coming soon page can be changed by tweaking the source code in the backend. The source code of the maintenance page, also known as the 503 page, is stored in a phtml file. Therefore, we need to access the file and change the code in order to customize maintenance mode page in Magento 2.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">In the Magento 2 directory, go to&nbsp;<em><strong>pub | errors | default<\/strong><\/em>&nbsp;and open the&nbsp;<em><strong>503.phtml<\/strong><\/em>, which is the source file of the maintenance page in Magento 2. Replace the code in the file with a Magento 2 custom maintenance page code and save it. For example, you can&nbsp;<a href=\"https:\/\/meetanshi.com\/blog\/wp-content\/uploads\/2025\/04\/503.zip\">download our sample 503.phtml file<\/a>&nbsp;to change the maintenance page in Magento 2, which will change your maintenance mode as shown below:<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" src=\"https:\/\/meetanshi.com\/blog\/wp-content\/uploads\/2022\/08\/Under-Maitenance-Magento-2-700x353-1.webp\" alt=\"Under Maitenance Magento 2\" class=\"wp-image-50965\"\/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">The manual method of editing the phtml file seems easy and quite straightforward to change maintenance mode page in Magento 2. However, it requires the knowledge of designing and coding, which can be a bit challenging for most store owners. Our&nbsp;<a href=\"https:\/\/meetanshi.com\/magento-2-maintenance-page.html\">Magento 2 Maintenance Page<\/a>&nbsp;extension becomes a saviour for such store owners!<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">The extension makes it easy for store owners to create attractive and customized maintenance mode page in Magento 2. Some of the highlighted features of the extension are:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Countdown Timer:&nbsp;<\/strong>Inform the visitors when your site will be back through a countdown timer on the maintenance page&nbsp;<strong>\u23f3<\/strong><\/li>\n\n\n\n<li><strong>WYSIWYG Editor:&nbsp;<\/strong>Easily customize the content of the Magento 2 coming soon page using the WYSIWYG editor&nbsp;<strong> <\/strong><\/li>\n\n\n\n<li><strong>Subscription Box:&nbsp;<\/strong>Add an email subscription box on the Magento 2 custom maintenance page and inform the subscribers when you are back&nbsp;<strong> <\/strong><\/li>\n\n\n\n<li><strong>Social Media Buttons:&nbsp;<\/strong>The Magento 2 edit maintenance page supports adding social media buttons on the maintenance page and allows visitors to contact you&nbsp;<strong> <\/strong><\/li>\n<\/ul>\n\n\n\n<h2 class=\"wp-block-heading\">Final Words<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">The maintenance page in Magento 2 can be customized by tweaking the source file. You can easily replace the boring maintenance mode page in Magento 2 with an attractive one using the method provided above. I hope this solution will help you to customize maintenance mode page in Magento 2.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Also, do not forget to share this blog post with your Magento 2 friends via social media!  <\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Thanks for reading!  <\/p>\n","protected":false},"excerpt":{"rendered":"<p>Tired of the boring \u2018Server Temporarily Unavailable\u2019 maintenance page in your Magento 2 store? Here is how you can&nbsp;customize maintenance mode page in Magento 2&nbsp;as&#8230;<\/p>\n","protected":false},"author":13,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[34],"tags":[],"class_list":["post-2628","post","type-post","status-publish","format-standard","hentry","category-magento"],"acf":[],"_links":{"self":[{"href":"https:\/\/meetanshi.com\/blog\/wp-json\/wp\/v2\/posts\/2628","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/meetanshi.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/meetanshi.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/meetanshi.com\/blog\/wp-json\/wp\/v2\/users\/13"}],"replies":[{"embeddable":true,"href":"https:\/\/meetanshi.com\/blog\/wp-json\/wp\/v2\/comments?post=2628"}],"version-history":[{"count":10,"href":"https:\/\/meetanshi.com\/blog\/wp-json\/wp\/v2\/posts\/2628\/revisions"}],"predecessor-version":[{"id":17942,"href":"https:\/\/meetanshi.com\/blog\/wp-json\/wp\/v2\/posts\/2628\/revisions\/17942"}],"wp:attachment":[{"href":"https:\/\/meetanshi.com\/blog\/wp-json\/wp\/v2\/media?parent=2628"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/meetanshi.com\/blog\/wp-json\/wp\/v2\/categories?post=2628"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/meetanshi.com\/blog\/wp-json\/wp\/v2\/tags?post=2628"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}