Maintenance Mode
Webinse Maintenance Mode extension for Magento 2 is an easy way to restrict user access to the site frontend during technical works and it is simple to customize. Extension includes functions such as a countdown timer, notification and feedback forms and many other useful features.
Overview
Plan to upgrade your website or about to start technical works on it? And you're looking for a possibility to hide 'constructional works' from your user, notify them that the site is currently unavailable and want to avoid boring blank screen with notification message?
Webinse Maintenance Mode extension is created for that purpose, and is easy to install and configure.
It lets your users know that currently the store or website is on maintenance.
It's absolutely unique in the feature of creating a fully customized page that will be displayed to your visitors. No more boring placeholder informational pages! You can create this page in your company's brand style and customize every element of it. So that simple info page looks like it was created by designers and is a part of the site.
Extension is totally responsive for any screen resolution including mobile.
Additionally we've added cool features like:
-
notifications about maintenance mode start and end for users who applied for notification;
-
countdown timer so that visitors would see visually when the store will be back on track;
-
links to your social networks to check while the site is not available.
How to install the extension
Follow to our Magento 2 Extension Installation Guide
Features
-
Restrict access to the frontend of your store during periods of maintenance.
-
Enable and disable maintenance mode.
-
Maintenance mode page full customization.
-
Configuring Allowed IP Addresses.
-
Enable access to the frontend for admins.
-
Simple and advanced customization of the message about technical works on the site.
-
Customizable countdown timer.
-
Adding custom page background and site logo.
-
Grid-table with customers email addresses who have left applications for notification.
-
Notification filter by IP which prevents from spam.
-
Notification on the frontend for the administrators that Maintenance mode is on.
-
Adaptive design.
-
Displaying social network links.
Administration & Configuration
All features and user interfaces are fully configurable, require little time to install and can be controlled from the Magento Administration Panel.
Version and Compatibility
Maintenance Mode Extension version 1.0.0 is compatible with Magento Community Edition version 2.0.0-2.1.7 and guaranteed to work with Magento default theme.
Maintenance Mode Configuration
Maintenance Mode Tab
The settings in this section define basic configurations of the Maintenance Mode integration into your Magento e-Commerce site.
General Settings Section
|
Field
|
Default
|
Description
|
|
Apply new Config
|
-
|
Generates new maintenance page template.
|
|
Maintenance Mode Enable
|
No
|
Enable/disable Maintenance mode. Variants: Yes, No.
|
|
|
|
|
Allowed IP
|
-
|
These IP addresses are allowed to have access to the frontend of website during enabled Maintenance mode. You can change it on your own. You can change default value to your own IP.
|
|
Minify generated HTML template
|
No
|
If checked "Yes" then generated HTML template for Maintenance Mode page will be minified.
|
Page Design Section
|
Field
|
Default
|
Description
|
|
Text message
|
-
|
Default text message for displaying on the frontend. It is available if you use a simple page setup (advanced editor turned off).
|
|
Page Font
|
Roboto
|
Field specifies the font for the Maintenance page. Variants: Roboto, Ubuntu, TititlliumWeb.
|
|
Custom page font
|
-
|
If you want to improve maintenance page style, you can add custom font from Google Fonts. To do this, just add the name of this font.
|
|
Text align
|
Center
|
Alignment for text message. Variants: Center, Justify, Left, Right.
|
|
|
|
|
Text size
|
-
|
Size of the text message
|
|
Text color
|
-
|
Color of the text message
|
|
Text transform
|
None
|
This field controls the capitalization of text: None, Uppercase, Lowercase, Capitalize.
|
|
Font style
|
Normal
|
This field controls the font style of text: None, Italic.
|
|
Font weight
|
Thin
|
This field controls the font weight of text: Thin, Normal, Bold.
|
|
|
|
|
|
|
|
Background Image
|
-
|
You can upload your own background and it will be displayed on the site's page during maintenance mode. Allowed file types: jpeg, gif, png.
|
|
Background Color
|
-
|
Background color is used if the background image is not set.
|
|
Logo Image
|
-
|
You can upload your company/store logo and it will be displayed on the top side of the Maintenance mode page. Allowed file types: jpeg, gif, png.
|
|
Alignment the Logo
|
Center
|
Alignment for the logo. Variants: Center, Justify, Left, Right.
|
|
Logo height
|
-
|
Exposes the height of the logo. If value is 0, then sets the default logo height.
|
Timer Settings Section
|
Field
|
Default
|
Description
|
|
Enable timer
|
No
|
Enable/disable countdown timer. Variants: Yes, No.
|
|
End date of technical works
|
-
|
Calendar picker for selecting the end date of technical works.
|
|
End time of technical works
|
-
|
3 fields for specifying the end time of technical works: Hours, Minutes, Seconds. Field format: hh/mm/ss.
|
|
Timer color
|
-
|
Color for the timer indicators.
|
|
Border color
|
-
|
Border color for the timer indicators.
|
|
Background color
|
-
|
Background color for the timer indicators.
|
|
Border Width
|
-
|
Border width for the timer indicators.
|
Notification Form Settings Section
|
Field
|
Default
|
Description
|
|
Text message
|
-
|
Text message which offers to subscribe to notification.
|
|
Text message: Color
|
-
|
Color of the notification text message on the Maintenance mode page.
|
|
Button: Color
|
-
|
Сolor of the submit button for the subscription.
|
|
Button: Hover color
|
-
|
Hover color of the submit button for the subscription.
|
|
Button: Border color
|
-
|
Border color of the submit button for the subscription.
|
|
Input: Border color
|
-
|
Border color of the input field.
|
|
Input: Hover border color
|
-
|
Border hover color of the input field.
|
|
Button text: Color
|
-
|
Text color for the button.
|
Social Network Links Settings Section
|
Field
|
Default
|
Description
|
|
Title message
|
-
|
Title of block for the Social Network Links.
|
|
Facebook link
|
-
|
A URL field for adding reference to Facebook.
|
|
Twitter link
|
-
|
A URL field for adding reference to Twitter.
|
|
YouTube link
|
-
|
A URL field for adding reference to YouTube.
|
|
Google+ link
|
-
|
A URL field for adding reference to Google+.
|
|
Pinterest link
|
-
|
A URL field for adding reference to Pinterest.
|
|
Instagram link
|
-
|
A URL field for adding reference to Instagram.
|
|
Flickr link
|
-
|
A URL field for adding reference to Flickr.
|
User Manual
How to Configure?
Log in to the admin panel, and we will show you how to configure the extension step by step. To enable the extension and configure basic settings, go to Webinse -> Configuration (or Stores -> Configuration -> Webinse -> Maintenance Mode -> General Settings) on your Dashboard.
How does it work?
After installing the extension, it is almost ready to use. If you want to enable the maintenance mode on your site, then you need to activate it in config. Go to Admin Panel and then open Maintenance Mode tab in Stores -> Configuration -> Webinse. In General Settings section select "Yes" opposite "Maintenance Mode Enable" field. Then you need to add your IP addresses in the "Allowed IP" field. After clicking the "Save Config" button, the Maintenance mode will be activated. Access to the site will have only users specified in the "Allowed IP" field. All other users will see the maintenance mode page.
Webinse Maintenance Mode extension has flexible settings for customizing maintenance mode page. All settings are grouped by section and are configured when you need to add it. Let's consider each section in order.
Page Design
Page Design is the largest but not difficult to configure section at all. It consists of simple and advanced part of settings. You can quickly and easily configure a maintenance mode page using simple and understandable parameters.
You can also set on the page your company/store logo and page background. If the background image is not set, then fill background color is applied, which can also be selected.
Timer Settings
Countdown timer is an additional opportunity to inform customers about the approximate time of completion of technical works. To activate the timer, select "Yes" in "Enable timer" field then set date in "End date of technical works" field and set time in "End time of technical works" field. These settings are required for the countdown timer to work properly.
The other three settings are responsible for the design of the timer. "Timer color" is the color for the timer indicators. "Border color" and "Border width" set the parameters of indicators border.
Notification Form Settings
These settings are used for customizing notification form. In this section you can set title for notification form for the maintenance mode page and configure colors of text message, button, fields.
Social Network Links Settings
This section of Maintenance Mode configuration is for adding links to your store / company pages in social networks. Extension supports all popular social networks to date. In the "Title" field you can set your text message. Other fields should contain full URL address of your store / company pages on social networks.
Notifications by email for Users
The Maintenance Mode extension has useful function, thanks to which you can notify customers about termination of technical works. All subscriptions to notifications that customers left are collected in a table "List of Notification Subscriptions" that are available in the Admin Panel in the main menu on the tab Webinse -> List of Notification Subscriptions. In release 1.0.0 this function is in beta version. In the future, the ability to sort requests and send emails from this tab will be added.
