Magento-2-custom-maintenance-page

How To Create And Customise Magento 2 Custom Maintenance Page?

Sometimes, you will need to change the theme, fix the website’s bug, or add a new plugin to make your site more professional.

At the time of the adjustment, your website can be broken; therefore, the best way is that you prevent your customers from seeing your maintenance site.

However, you do not know how to stop them from accessing your website?

Magento 2 custom maintenance page will help you deal with this problem. It displays an announcement to users while your Magento is being upgraded.

In this article, I am going to show you how to create and customize Magento 2 Custom Maintenance Page quickly. Follow us to check out now!

Magento-2-custom-maintenance-page

>>> Check our more: Best Options For Magento Themes in 2020!

Why Should We Maintain Your Magento 2 Website?

Your store definitely needs to upgrade monthly to ensure that the website has enough up-to-date benefits of Magento and scales up your business to the next level.

Moreover, you can keep your search engine rank staying on track when maintaining the page. By taking advantage of the website maintenance, you can be sure that your team is taking all the necessary steps to optimize your website.

Furthermore, keep-up-date your website can help your site be safe as the Magento team always releases the version of security to protect your website.

Last but not least, extensions allow you to beautify and customize the store more comfortable and suit your business’ needs. So, maintaining the website monthly will help the store works better and correctly.

Learn how to create the Magento 2 Maintenance Custom Page will help you stop customers from approaching the store until you finish your website update.

What is Magento Maintenance Custom Page?

The Magento 2 Maintenance Custom Page is created to announce to your customers that your website is being updated and not available to serve customers now.

It will block the shoppers from viewing the website until you open it back. The page works simply as displaying notifications with some simple words.

It also includes some simple actions on sites such as counts down the time, shares on social media, registers when the store is back, and more.

Magento-2-custom-maintenance-page

How To Create Magento 2 Maintenance Custom Page?

To create the maintenance page, you have to create the name of the page:

  • Apache: <web server docroot>/maintenance.html
  • nginx: <magento_root>/maintenance.html

And, add this content to your page:

<?lt;!DOCTYPE html>

<html>

<head>

<title>Temporarily Offline</title>

<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">

<style>

h1

{ font-size: 50px; }

 

body

{ text-align:center; font: 20px Helvetica, sans-serif; color: #333; }

 

</style>

</head>

<body>

 

# Temporarily offline

 

<p>We're down for a short time to perform maintenance on our site to give you the best possible experience. Check back soon!</p>

</body>

</html>

How to Custom Magento Maintenance Page via Apache?

You can access one of two Apache version below:

  • Apache 2.4: /etc/apache2/sites-available/000-default.conf
  • Apache 2.2: /etc/apache2/sites-available/default (Ubuntu), /etc/httpd/conf/httpd.conf (CentOS)

You have to update your Apache to redirect to Magento 2 Custom Maintenance Page:

  • Redirect all traffic to the maintenance page.
  • To ensure Administrators run the System Upgrade utility to update the latest Magento system, you have to whitelists certain IP addresses.

Next, you will copy and follow the code below:

<?RewriteEngine On
RewriteCond %{REMOTE_ADDR} !^192\.0\.2\.110
RewriteCond %{DOCUMENT_ROOT}/maintenance.html -f
RewriteCond %{DOCUMENT_ROOT}/maintenance.enable -f
RewriteCond %{SCRIPT_FILENAME} !maintenance.html
RewriteRule ^.*$ /maintenance.html [R=503,L]
ErrorDocument 503 /maintenance.html
Header Set Cache-Control "max-age=0, no-store"

Then, restart the Apache:

  • CentOS: service httpd restart
  • Ubuntu: service apache2 restart

After that, enter the command below:

<?server {
listen 80;
set $MAGE_ROOT /var/www/html/magento2;

set $maintenance off;

if (-f $MAGE_ROOT/maintenance.enable) {
set $maintenance on;
}

if ($remote_addr ~ (192.0.2.110|192.0.2.115)) {
set $maintenance off;
}

if ($maintenance = on) {
return 503;
}

location /maintenance {
}

error_page 503 @maintenance;

location @maintenance {
root $MAGE_ROOT;
rewrite ^(.*)$ /maintenance.html break;
}

include /var/www/html/magento2/nginx.conf;
}

Secondly, enter the following command:

?touch <magento_root>/maintenance.enable

Then, reload the nginx configuration:

<?service nginx reload

Your website will display like this to customers:

Magento-2-custom-maintenance-page

>>> Don’t miss this: TOP 5+ Magento Template Free To Beautify Your Store!

How to Custom Magento 2 Maintenance Page via XML?

Step 1:

You go into the pub/errors > create a local.xml.sample rename it into local.xml > edit <skin> with the code below: 

<?lt;?xml version="1.0"?>
<config>
<skin>bondi</skin>
</config

Magento-2-custom-maintenance-pageStep 2:

Copy the “default” folder and rename it into the name of the <skin> you renamed before.

Step 3:

Locate in the 503.phtml in the new folder and add css/styles.cssMagento-2-custom-maintenance-page

>>> Interested? Check Best Tips for Magento 2 Custom Theme To Rocket Your Sales!

Step 4:

Refresh the page.

You can enable/disable the Maintenance Page via the code:

<?php bin/magento maintenance:enable

php bin/magento maintenance:disable

However, this might be difficult for some of the users to set the Magneto 2 Maintenance Page.

Moreover, the default of the Magento Maintenance Page is easy and not a friendly-user.

Therefore, I am going to represent with you 5 BEST Maintenance Page extensions to help you solve all the problems.

5 Magento 2 Maintenance Custom Page Extensions

#1. FREE Better Maintenance for Magento 2

Magento-2-custom-maintenance-page

When stores need to updates on the store site, it is necessary to show our respect to our customers because of the inconvenience.

The best choice is redirecting them to a new destination called Coming Soon/Come back soon of the Maintenance Page.

Magento 2 Coming Soon Page is ideal for the new things upcoming, such as a new product, new service, unique appearance, and more.

Highlighted features:

  • Ready-to-use countdown timer.
  • Subscribe or social contact.
  • Customize Maintenance Page & Coming Soon Page.
  • Make an exception by whitelist.
  • Quick preview.
  • Extension Compatibility.

#2. Site Maintenance For Magento 2 – $27.00

Magento-2-custom-maintenance-page

>>> Check out more! 9+ Magento Technology Themes To Increase Your Revenue!

Magento 2 Website Maintenance is an excellent extension for the store owners. By enabling the maintenance mode from the backend, you can inform your visitors about your site maintenance.

As soon as your site has any problem, you can generate a custom maintenance message to your customers.

Moreover, Magento 2 Site Maintenance extension is compatible with all browsers. Using this allows you whitelist IP addresses. With this extension, the Magento shop, either is the front-end of the backend, can be accessed from giving IPs.

Highlighted features:

  • Easy to create a Countdown page.
  • Set End Date and when the countdown.
  • Set logo, title, background image, background videos, and background slider.
  • Visitors can contact the administrator by providing using Newsletter functionality.
  • The administrator will get an informed subscriber.
  • Whitelist IP addresses for which the site would be accessed.
  • Connect with social media Google+, Facebook, Pinterest, Twitter.

#3. Easy Site Maintenance For Magento 2 – $29.00

Magento-2-custom-maintenance-page

It’s so necessary for you to set your store offline when you update the site or push some new features.

Due to Magento 2 Website Maintenance module, you can set a custom maintenance mode message to your customers by using a WYSIWYG editor.

Also, this module will auto-create the whitelist your IP addresses, and you can still see your site, but the visitors will see the custom maintenance message.

Highlighted features:

  • Restrained Access.
  • Countdown Timer.
  • Contact Form for Urgent inquiry.
  • Customizable Maintenance page.
  • Send email to Notification Subscribers.
  • Notify form for Visitors.
  • Upload your Company Logo.

#4. Coming Soon & Maintenance Mode – $69.99

Magento-2-custom-maintenance-page

It allows you to operate between 3 modes of a website which are Maintenance mode, Coming Soon mode, and Live mode.

Moreover, you can use IPs, filter whitelist users, and provide them live access to your website. These modes can be enabled with a click from the admin panel.

This extension is easy to customize from the back-end store.

Highlighted features:

  • Enable Live, Coming Soon, or Maintenance Mode.
  • Configure Launch Settings.
  • Select a launch Date and Time.
  • Personalize Text and Labels.
  • Choose a background style.
  • Add IP addresses to whitelist your website traffic.

#5. Site Maintenance & Coming Soon Extension – $79.00

Magento-2-custom-maintenance-page

Magento 2 Website Maintenance allows the administration to enable or disable it in the store.

This module has capable of maintaining a log file of all the visitors during your site maintenance mode. After allowing the timer, your site will auto-live when the countdown is over.

Besides that, this tool allows for accessing the particular IP address during the maintenance period as well as informing the visitors when the maintenance is completed.

Highlighted features:

  • Fully responsive to any devices such as desktop, tablet, or smartphones.
  • Include Countdown Timer to display a countdown.
  • Enable the visitors to see the site from IP addresses thanks to IP Whitelist.
  • Easy to edit the footer using WYSIWYG editor.
  • Support multi-store.
  • Easy to customize the logo as well as CSS.

Conclusion

These are all about how to create and customize Magento 2 Maintenance Page.

We also recommend some of the Maintenance Page extensions for you.

If you need any questions, don’t hesitate to comment below.

We’re always 24/7 answering your questions.

Thank you for your time!

About Claire Walker

Hi, Claire here. I live in Saint Albans and I'm a 5-year content writer that expert in the eCommerce and Technology topics. I hope you like my daily blog post! If you have any questions, don't forget to comment below. Thanks for reading.
Previous TOP 7 Magento Template Free For Your eCommerce Site 2020!
Next Check It Out! 10 Bestsellers from Magento Themeforest

Check Also

magento-themeforest-01

Check It Out! 10 Bestsellers from Magento Themeforest

Magento Themeforest? Familiar, right? Themeforest is a popular place for e-commerce platforms users, not only …

Leave a Reply

Your email address will not be published. Required fields are marked *