Hello Magento Friends,

Want to get rid of the boring blank page when your site is under maintenance? MageComp’s Maintenance Page Extension for Magento 2 is beneficial for you. Let’s discuss it more.

Usually, when the site is under maintenance, upgrading to a new version, bug fixing, or updating a new theme, a blank page is displayed to the visitors. This loses the user’s interests and they are shifted elsewhere. Magento merchants cannot afford to lose customers as it directly affects the revenue of the business.

Maintenance Page Extension for Magento 2 allows displaying engaging and informative maintenance and coming soon pages to the visitors. Maintenance and coming soon pages can be fully customized in order to increase the user experience of the customers. The extension helps to send notifications to customers when the site is available for use.

Benefits of Maintenance Page Extension for Magento 2:

  • The plugin allows displaying custom maintenance and coming soon pages when the site is under construction.
  • The admin is free to customize the maintenance and coming soon page according to their choice.
  • The Magento owners can display a countdown timer to inform customers when the site will be back for use.
  • To maintain connections with customers, the admin can also include social media buttons on the maintenance page.
  • The store admin can effortlessly switch between maintenance mode and live mode.
  • The extension allows the admin to add a subscription box so the customers are notified via email when the site is back to live mode.

Steps to Integrate Maintenance Page Extension for Magento 2:

Step 1: Installation

Step 2: Configuration

After the successful installation of the extension go to Stores > Configuration to configure the extension.

  • Maintenance Page: The admin can enable or disable the extension from here.
  • Real Time of Website: The current date and time are displayed here.
  • Start Date Time: Determine the start date and time here.
  • End Date Time: Determine the end date and time here.
  • Redirect To Page: Determine the page – Coming Soon Page or Maintenance Page to redirect the customers.

maintenance page configuration

  • Maintenance Layout: Select the template for the Maintenance Page.
  • Demo Maintenance Templates: This displays all the demo templates for the Maintenance Page.

maintenace page layout

  • Coming Soon Layout: Select the template for the Coming Soon Page.
  • Demo Coming Soon Templates: This displays all the demo templates for the Coming Soon Page.

coming soon page layout

  • Auto Switch to Live Site Mode: Enabling it will automatically switch your site to live mode when the fixed time is completed.
  • Whitelist IP(s): White-list IPs must be added here to disable maintenance mode.
  • Whitelist Page Link(s): White-list Page Links must be added here to disable maintenance mode.

auto live mode

Step 3: Template Settings

  • Logo Enable – To include your logo with the template, set it to YES.
  • Title Enable – To include meta-title with the template, set it to YES.
  • Description Enable – To include meta-description with the template, set it to YES.
  • Clock Enable – To include a clock timer with the template, set it to YES.
  • Subscribe Enable – To include an email subscription box for visitors with the template, set it to YES.

template settings

Step 4: Custom Template Settings

Clock Settings

  • Enable: Set it to YES to enable the clock timer with the template.
  • Countdown Clock Style: Select the style of the clock timer according to your choice.
  • Clock Background Color: Select your preferred background color of the clock timer.
  • Clock Number Color: Enter your desired color for the clock numbers.

clock settings

Newsletter Subscription Settings

  • Enable: To display Email Newsletter Subscription Box with Maintenance Page, enable it from here.
  • Subscription Description: Enter the text to be displayed for the Newsletter Subscription.
  • Description Text Color: Enter the text color of the Newsletter Subscription description.
  • Button Label: Enter the label of the Newsletter Subscription button.
  • Button Text Color: Enter the color of the Newsletter Subscription button.
  • Button Background Color:  Enter the background color of the Newsletter Subscription button.

newsletter subscription settings

Social Settings

  • Enable: To add social media buttons, enable it from here.
  • Facebook Link: Add the Facebook link of your business here to be added to the template.
  • Twitter Link: Add the Twitter link of your business here to be added to the template.
  • Instagram Link: Add the Instagram link of your business here to be added to the template.
  • Linkedin Link: Add the Linkedin link of your business here to be added to the template.
  • Youtube Link: Add the Youtube link of your business here to be added to the template.
  • Pinterest Link: Add the Pinterest link of your business here to be added to the template.

social settings

Step 5: Coming Soon Page Settings

  • Page Title: Enter the Title of the Coming Soon Page.
  • Page Description: Add the Description of the Coming Soon Page.
  • Text Color: Add the Color of the text.
  • Logo: Enter your business logo to be displayed on the Coming Soon Page.
  • Background Type: Select the type of background you want for the Coming Soon Page.
  • Background Color: Select the background color you want for the Coming Soon Page.
  • Meta Title: Add the Meta title for SEO purposes.
  • Meta Keywords: Add the Meta keywords for SEO purposes.
  • Meta Description: Add the Meta description for SEO purposes.

coming soon page settings

When you are done with configuration, select Preview to check how the Coming Soon Page will appear in the front-end.

Step 6: Maintenance Page Settings

  • Page Title: Enter the Title of the Maintenance Page.
  • Page Description: Enter the Description of the Maintenance Page.
  • Text Color: Add the Color of the text.
  • Logo: Enter your business logo to be displayed on the Maintenance Page.
  • Background Type: Select the type of background you want for the Maintenance Page.
  • Background Color: Select the color of the background you want for the Maintenance Page.
  • Show Progress Bar: Select YES to display the progress bar on the Maintenance Page.
  • Label Color: Add the color for the label.
  • Progress Bar Color: Enter the color for the progress bar.

maintenace page settings

When you are done with configuration, select Preview to check how the Maintenance Page will appear in the front-end.

Front-end Display of Maintenance Page:

maintenace page frontend

Final Words:

Hence, this way you can integrate Maintenance Page Extension for Magento 2. If you face any issues with the above configuration steps, feel free to contact our support team.

In case you have any custom requirements for Magento 2 Extensions, avail of our Magento Custom Extension Development Service and Magento Development Services to fulfill your business needs.

Share the article with your Magento friends and colleagues. Stay updated with us for more.

Happy Reading!

Click to rate this post!
[Total: 5 Average: 5]