1. Home
  2. Docs
  3. Magento 2 User Experience Extensions
  4. Magento 2 Coming Soon & Maintenance Page
  5. User Guide

User Guide

1. Overview

Coming Soon & Maintenance Page for Magento 2 is a 2-in-1 extension.

On the one hand, it is designed for those having the plan to launch out Magento 2 websites. Instead of showing blank words like “We are coming soon!” it is a must to create an eye-catching Coming Soon page to earn loves of early audiences.

On the other hand, this extension is required whenever your websites are under downtime. Say goodbye the incommunicative default maintenance page. Dedicated message and a specific maintenance end time make a user-friendly experience.

2. How Does It Work?

Please go to Stores Configuration ⇒ BSSCOMMERCE ⇒ Maintenance Page to start setting up.

2.1 General settings

magento 2 maintenance page general configurations

  • In Enable Maintenance, select “Yes”/”No”to enable/disable maintenance page.
  • Whitelist IPs: enter IPs which are allowed to access to the whole website during the maintenance time. Remember that entered IPs are separated by a comma without space.
  • Restrict URLs: enter URLs which visitors can still access during the maintenance time. Multiple URLs must be separated by a comma without space. Add a slash (/) after the URL of the home page.
  • Redirect Page: Select where to redirect customers during maintenance time:
404 Not Found

Homepage

Enable Cookies

Privacy Policy

About us

Customer Service

Custom Page

*Note:

  • Please turn off Magento 2 default maintenance mode (if any) before enabling BSS Coming Soon/Maintenance Page extension. Otherwise, there will be conflict and error
  • Custom Page is the customized maintenance page set as follows.

2.2 Examples of Maintenance/Coming Soon pages

  • 1- Column Layout

  • 2-Column Layout

2.3 Set up logo, background, and content

Here come steps by steps to create one customized Coming Soon/Maintenance Page.

Please open the Logo tab.

  • In Icon, click “Choose File” to add any images to the Coming Soon/Maintenance page. It is recommended to upload your Logo – the brand equity.
  • Feel free to customize Icon Width and Icon Height to fit your page the most.

Magento 2 maintenance page logo set up

Under Text Content tab:

  • In Page Title: Enter meta title of the customer page
  • In Page Description: Enter the meta description for your maintenance page

Better for SEO juice.

magento 2 maintenance page meta data

Now, choose the background of your custom Coming Soon/Maintenance page.

magento 2 maintenance background

  • In Background Types, choose among three options:
  • Image: Upload one image to be the background of the custom page. Supported formats include jpg, jpeg, gif, png.
  • Slider: Upload multiple images to slideshow the background in every 5 second. After clicking “Choose Files” button, hold “Ctrl” and choose as many images as wanted. Supported formats include jpg, jpeg, gif, png.
  • Video: Upload one video to be the page background. Supported formats include mp4, webm và ogg.

*Note: The maximum size of a video/image is 20M.

Expand the Layout tab, there are two built-in layouts to choose from:

magento 2 maintenance page layout

1 Column

magento 2 maintenance page

2 Columns

magento 2 maintenance page in 2 -column layouts

2.4 Set up a countdown timer

Countdown timer is an essential part of the Coming Soon/Maintenance page so that visitors know exactly when to return your website.

Under the Timer Countdown tab:

  • In Enable: Turn the timer countdown on/off
  • In Title: Tailor the title of the countdown timer
  • In Title color: Support color picker to select the title color
  • In End Time: Decide when to stop the maintenance mode
  • In Disable maintenance mode after end time:
  • Yes: When the timer reaches end time, visitors can access to the site normally
  • No: Instead of turning off maintenance mode, visitors will still be redirected to the maintenance page and the timer will stop at 00:00:00
  • Clock Type: Select the type of countdown clock.

2.5 Set up Newsletter and Social network block

Even your site is off; you can still get in touch with potential customers.

Under the Newsletter tab:

  • In Enable, choose Yes to enable the Newsletter subscription block; otherwise, choose No
  • In Title, tailor the title for newsletter box
  • In Title Color, enter or pick a color for the title

magento 2 maintenance page newsletter

Under the Social tab:

  • In Enable, choose Yes to enable the Social block; otherwise, choose No
  • In Title, tailor the title for the Social block
  • In Title Color, enter or pick a color for the title
  • In Facebook Link/Google+ Link/Twitter Link/Instagram Link/Pinterest Link, add your business social accounts.

magento 2 maintenance page social block

2.6 Manage footer of the custom page

Expand the Footer tab.

In Footer Text, choose a block to show at the footer of the custom page.

magento 2 maintenance page footer

2.7 Turn on Google Analytics for the custom page

Under the Google Analytics tab, enable or disable Google Analytics as wished.

Google Analytics for magento 2 maintenance page

2.8 Set up alert email for the admin

You should always be aware of the maintenance end time so that you can adjust the time if necessary. Under Alert for Admin tab:

  • In Email Sender, choose the sender of the alert email
  • In Email Receiver, enter one or multiple addresses to receive the alert
  • In Email Template, choose the template of the alert email
  • In Number of Days to Notify Admin in Advance, enter the number of days before the end time to send notification email automatically to the admin.

email for admin

*Notes:

  • You must install SMTP to send alert to the admin
  • If you do not install Cron, please run the command php bin/magento cron:run –group=”default” instead
  • Add a logo to the email template for professional display. Learn how here.

2.9 Preview the Coming Soon/Maintenance page

Once you complete all settings, remember to Save Config.

Also, there will be a notification of Cache Management on the top of the page, please follow the link and flush the cache.

Click the Preview button to preview the coming soon/maintenance page.

preview magento 2 maintenance page

Was this article helpful to you? Yes No

How can we help?