ilyasine

Yassine Idrissi

<p>This super lightweight plugin is intended primarily for developers, designers and site administrators that need to allow clients to preview the site before being available to the public or to temporarily hide it while undergoing major updates.</p>
<p>Any logged-in user with WordPress administrator privileges will be allowed to view the site regardless of the settings in the plugin. The exact privilege can be set using a filter hook – see FAQs.</p>
<p>The behaviour of this can be enabled or disabled at any time without losing any of the settings configured in its settings pane. However, deactivating the plugin is recommended versus having it activated while disabled.</p>
<p>When redirect is enabled, it can send a different header types.</p>
<p>A list of IP addresses can be set up to completely bypass maintenance mode. This option is useful when needing to allow a client’s entire office to access the site while in maintenance mode without needing to maintain individual access keys.</p>
<p>Access keys work by creating a key on the user’s computer that will be checked against when maintenance mode is active. When a new key is created, a link to create the access key cookie will be emailed to the email address provided. Access can then be revoked either by disabling or deleting the key.</p>
<p>Whitelisted User Roles – user roles who see the site, instead of under maintenance page</p>
<p>Whitelisted Users – users who see the site, instead of maintenance page</p>
<p><strong><code>Animations :</code></strong></p>
<p>Animation on the web is not only fun, but engaging in such a way that it has converted site visitors into customers even before will be available to the general public and it will make them eagerly await its launch.</p>
<p>You can either choose your animation from the library or upload your own; this animation will be shown in front of your site when it is undergoing maintenance.</p>
<p><strong><code>Notes :</code></strong><br />
✔ This plugin will override any other maintenance plugin you use.<br />
✔ All settings are auto-updated , you don’t need to save anything .</p>
<h4>WP-CLI Commands :</h4>
<p>Note : before you begin run these commands make sure you have wp-cli installed on your server and your are in your WordPress site Root folder</p>
<p>✔ To install the plugin via wp-cli : <code>sudo wp plugin install maintenance-coming-soon-redirect-animation --allow-root</code><br />
✔ To activate it : <code>sudo wp plugin activate maintenance-coming-soon-redirect-animation --allow-root</code><br />
✔ To deactivate it : <code>sudo wp plugin deactivate maintenance-coming-soon-redirect-animation --allow-root</code><br />
✔ To uninstall it : <code>sudo wp plugin uninstall maintenance-coming-soon-redirect-animation --allow-root</code><br />
Note : before you can uninstall the plugin you have to deactivate it first<br />
✔ To Update the plugin : <code>sudo wp plugin update maintenance-coming-soon-redirect-animation --allow-root</code></p>


Maintenance & Coming Soon Redirect Animation


wow, it's a great idea to manage a site with one click 


Great plugin

Enable maintenance mode in one click with stunning animations and customizable access for specific users.

wpdevart

<p><iframe loading="lazy" title="WordPress Coming Soon, Maintenance mode and Under construction plugin" width="750" height="422" src="https://www.youtube.com/embed/VBWX6rsjf3s?feature=oembed" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe></p>
<p>Coming soon and Maintenance mode plugin is an awesome tool to show your website visitors that you are working on your website for making it better. It’s not easy to create under construction page for WordPress without coding knowledge. That’s why our team do his best to help WordPress users to create maintenance pages easily and quickly.</p>
<h3>View our plugin Demo page:</h3>
<ul>
<li><a href="https://democomingsoon.wpdevart.com" rel="nofollow ugc">Demo 1 – Background Slider</a></li>
<li><a href="https://democs.wpdevart.com" rel="nofollow ugc">Demo 2 – Video Background</a></li>
</ul>
<p>Our plugin will add some great features to your Under construction page.</p>
<h3>Features of Free version</h3>
<ul>
<li><strong>Easy install and use</strong></li>
<li><strong>Works perfectly with all versions of WordPress</strong></li>
<li><strong>Fully Responsive</strong></li>
<li><strong>Ability to disable plugin for specific IPs</strong></li>
<li><strong>Highly customizable under construction page</strong></li>
<li><strong>Ability to set background image and color</strong></li>
<li><strong>Custom Logo</strong></li>
<li><strong>Ability to use WordPress post editor for Message</strong></li>
<li><strong>Social Media Ready(Facebook, Twitter, Google Plus, YouTube, Instagram)</strong></li>
<li><strong>Ability to open social websites in a new window</strong></li>
<li><strong>SEO friendly</strong></li>
<li><strong>Ability to set Meta description and keywords</strong></li>
<li><strong>Enable/Disable Search Robots</strong></li>
<li><strong>Uses CSS3</strong></li>
<li><strong>User friendly back-end</strong></li>
<li><strong>Tested on popular WordPress themes</strong></li>
</ul>
<p>You can upgrade the free version to <a href="https://wpdevart.com/wordpress-coming-soon-plugin/" rel="nofollow ugc">Coming soon and Maintenance mode Pro</a> to add some features.</p>
<h3>The features of Pro version</h3>
<ul>
<li><strong>Awesome Background Slider</strong></li>
<li><strong>Nice Video(YouTube) background(Not for mobile devices)</strong></li>
<li><strong>Functional Subscribe Form</strong></li>
<li><strong>Elegant Countdown</strong></li>
<li><strong>3 beautiful and different Countdown designs(button, circle, vertical slider)</strong></li>
<li><strong>39 awesome animation effects for all elements</strong></li>
<li><strong>Ability to set Animation waiting time for all elements</strong></li>
<li><strong>Ability to exclude specific pages, posts</strong></li>
<li><strong>Functionality to hide Countdown or disable Under construction page when Countdown time expired</strong></li>
<li><strong>Countdown position(left, center, right), distance from top, text color, background color, border radius, Size, border width, font-size, Font family</strong></li>
<li><strong>Content position, background color, transparency and border radius</strong></li>
<li><strong>Subscribe Form</strong></li>
<li><strong>Ability to change Subscribe Form all texts, position(left, center, right) and distance from top</strong></li>
<li><strong>Ability to set font size and font family for Subscribe Form all texts</strong></li>
<li><strong>Ability to change input border color and radius</strong></li>
<li><strong>Ability to change placeholder text color, send button bg color, send button text color, input field text color, after submit text color</strong></li>
<li><strong>Ability to send Email notifications to subscribed users</strong></li>
<li><strong>Ability to mute or unmute video</strong></li>
<li><strong>Ability to set Logo position and distance from top, max width and max height</strong></li>
<li><strong>Ability to set Title color, distance from top, position, Font Size and Font family</strong></li>
<li><strong>Ability to set Message position(left, center, right) and distance from top</strong></li>
<li><strong>Progress bar</strong></li>
<li><strong>Ability to set Progress bar percentage, width, distance from top, position, loading, border color, border width and border radius</strong></li>
<li><strong>Ability to upload your own images for Social Buttons</strong></li>
<li><strong>Ability to set Social Buttons position(left, center, right), max width, height, distance from top, distance between Social Buttons</strong></li>
<li><strong>Ability to set Favicon</strong></li>
<li><strong>Link To Admin Section</strong></li>
<li><strong>Ability to set Link To Admin position(left, center, right), distance from top, Font Size and Font family</strong></li>
<li><strong>You can also change Link To Admin text and color</strong></li>
<li><strong>Built in 31 fonts for Title, Countdown, Link To Admin, Subscribe Form texts</strong></li>
<li><strong>Ability to set content maximum width, padding and margin</strong></li>
<li><strong>Drag and drop ordering for content elements</strong> </li>
</ul>
<p><strong>If you have any type of question occuring our plugin, contact us at our plugin <a href="https://wordpress.org/support/plugin/coming-soon-page" rel="ugc">SUPPORT FORUM</a>.</strong></p>
<p>The Under construction plugin allows you to create Coming Soon page for your website simply and quickly. You just need to enable the plugin to change your website to Maintenance mode.</p>
<p>Our plugin works without any problem with all popular WordPress themes that we tested, so you can use our Under construction plugin on any theme you like, if something goes wrong just let us know about it.<br />
Logged out users of your website will see the Maintenance mode while logged-in users will have access to your website. This is ideal solution for web developers who want to show their clients that website is in Maintenance mode while they working on the website.</p>
<h3>Step by step guide</h3>
<h3>Logo</h3>
<ul>
<li>Show logo – Choose to show or hide your logo.</li>
<li>Logo – Click “Upload” button to upload your logo.</li>
<li>Logo position – Here you can choose your logo position(Left, Center, Right).</li>
<li>Distance from top – Type here your logo distance from top.</li>
<li>Logo Animation type – Choose animation type for your logo.</li>
<li>Animation waiting time – Type here waiting time for Logo animation(in milliseconds). </li>
<li>Logo max width – Type here your website logo maximum width.</li>
<li>Logo max height – Type here your website logo maximum height.</li>
</ul>
<h3>Title</h3>
<ul>
<li>Show title – Choose to show or hide your Title.</li>
<li>Title – Type here the Title.</li>
<li>Title color – Select the title color.</li>
<li>Title Font Size – Type here title font size.</li>
<li>Title Font family – Choose the font family for title.</li>
<li>Title position – Choose Title position(Left, Center, Right).</li>
<li>Distance from top – Type here Title field distance from top.</li>
<li>Title Animation type –  Choose animation type for Title.</li>
<li>Animation waiting time – Type here Title animation waiting time(in milliseconds). </li>
</ul>
<h3>Message</h3>
<ul>
<li>Show Message – Choose to show or hide Message box.</li>
<li>Message – Type here message for under construction page(you can use WordPress posts/pages default editor).</li>
<li>Message position – Choose position for Message box(Left, Center, Right).</li>
<li>Distance from top – Type here Message box distance from top.</li>
<li>Message Animation type – Choose animation type for Message box.</li>
<li>Animation waiting time – Type here waiting time for Message box animation(in milliseconds). </li>
</ul>
<h3>Countdown</h3>
<ul>
<li>Show/hide – Choose to show or hide. </li>
<li>Text for Day field – Type here default text for Day field.</li>
<li>Text for Hour field – Type here default text for Hour field.</li>
<li>Text for Minute field – Type here default text for Minute field.</li>
<li>Text for Second field – Type here default text for Second field.</li>
<li>Countdown date – Type here the Countdown time(days, hour), then select the Countdown start date. </li>
<li>After Countdown expired – Choose what will happens with Under construction page when Countdown expired(Disable coming soon or only hide Countdown). </li>
<li>Position – Choose the position(Left, Center, Right).</li>
<li>Distance from top – Type here the distance from top.</li>
<li>Animation type – Choose animation type.</li>
<li>Animation waiting time – Type here waiting time for animation(in milliseconds). </li>
<li>Buttons type – Choose the buttons type(button, circle, vertical slider)</li>
<li>Text color – Select the text color.</li>
<li>Background color  – Select the background color.</li>
<li>Border radius – Type here the buttons border radius.</li>
<li>Size – Select the size.</li>
<li>Border width – Select the border width for circle buttons(only appears when you choose Countdown circle buttons).</li>
<li>Font-size – Type here the countdown text font-size.</li>
<li>Font family – Select the text Font family.</li>
</ul>
<h3>Progress bar</h3>
<ul>
<li>Show Progress bar – Choose to show or hide Progress bar.</li>
<li>Progress bar percentage – Here you can select Progress bar percentage.</li>
<li>Width –  Type here Progress bar width.</li>
<li>Progress bar position –  Choose position for Progress bar(Left, Center, Right).</li>
<li>Distance from top – Type here Progress bar distance from top. </li>
<li>Progress bar load color – Select progress bar load color.</li>
<li>Border color – Select Progress bar border color.</li>
<li>Border width – Choose progress bar border width.</li>
<li>Border radius – Choose progress bar border radius.</li>
<li>Animation type – Choose animation type for Progress bar.</li>
<li>Animation waiting time – Type here waiting time for Progress bar animation(in milliseconds). </li>
</ul>
<h3>Subscribe (Mailing list)</h3>
<ul>
<li>Show the Form –  Choose to show or hide Subscribe Form.</li>
<li>User First name text – Type here text for user first name field.</li>
<li>User Last name text – Type here text for user last name field.</li>
<li>Email field text – Type here text for email field.</li>
<li>Send button text – Type here the Send button text.</li>
<li>Success email text – Type here the text that will appear after users submit the correct email.</li>
<li>Existing email text – Type here the text that will appear after users type already submitted email.</li>
<li>Blank email field text – Type here the text that will appear after users submit a blank field. </li>
<li>Invalid email text – Type here the text that will appear after users submit invalid email.</li>
<li>Subscribe Form position – Choose position for Subscribe Form(Left, Center, Right).</li>
<li>Distance from top – Type here Subscribe Form distance from top.  </li>
<li>Font Size – Type here font size for all texts in Subscribe Form.</li>
<li>Email field border radius – Type here border radius for email field.</li>
<li>Input max width – Type here max with for input field.</li>
<li>Font family – Type here font family for all texts in Subscribe Form.</li>
<li>Input field border color – Select the input field border color.</li>
<li>Placeholder text color – Select default text color for input fields. </li>
<li>Send button bg color – Select the send button background color. </li>
<li>Send button text color – Select the send button text color. </li>
<li>Input field text color – Select the input field text color. </li>
<li>After submit text color – Select color of the text, that will appear after submit.</li>
<li>Animation type – Choose animation type for Subscribe Form.</li>
<li>Animation waiting time – Type here waiting time for Subscribe Form animation(in milliseconds). </li>
</ul>
<h3>Social buttons</h3>
<ul>
<li>Show social buttons – Choose to show or hide social buttons.</li>
<li>Facebook url – Type here Facebook url.</li>
<li>Facebook img url – Type here Facebook icon url or upload it.</li>
<li>Twitter url – Type here Twitter url.</li>
<li>Twitter img url – Type here Twitter icon url or upload it.</li>
<li>YouTube url – Type here YouTube url.</li>
<li>YouTube img url – Type here YouTube icon url or upload it.</li>
<li>Instagram url – Type here Instagram url.</li>
<li>Instagram img url – Type here Instagram icon url or upload it.</li>
<li>Social buttons position – Choose position for Social buttons(Left, Center, Right).</li>
<li>Distance from top – Type here Social buttons distance from top.</li>
<li>Animation type – Choose animation type for Social buttons.</li>
<li>Animation waiting time – Type here waiting time for Social buttons animation(in milliseconds). </li>
<li>Social buttons max width – Type here maximum width for Social buttons.</li>
<li>Social buttons max height  –  Type here maximum height for Social buttons.</li>
</ul>
<h3>Link To Admin</h3>
<ul>
<li>Show – Choose to show or hide Link To Admin.</li>
<li>Link To Admin text – Type here Link To Admin text.</li>
<li>Text color – Choose text color.</li>
<li>Font Size – Type here text Font Size.</li>
<li>Font family – Select Font family for Link To Admin.</li>
<li>Link To Admin position – Choose position for Link To Admin(Left, Center, Right).</li>
<li>Distance from top – Type here Link To Admin distance from top.  </li>
<li>Animation type – Choose animation type for Link To Admin.</li>
<li>Animation waiting time – Type here waiting time for Link To Admin animation(in milliseconds). </li>
</ul>
<h3>Content</h3>
<ul>
<li>Content position – Choose content position(Left top, Left middle, Left bottom, Center top, Center middle, Center bottom, Right top, Right middle, Right bottom).</li>
<li>Content bg color – Select content background color.</li>
<li>Content transparency – Select transparency for content.</li>
<li>Border radius – Type here border radius for content.</li>
<li>Content max width – Type here content maximum width.</li>
<li>Padding – Type here content padding value(padding properties define the space between the element border and the element content).</li>
<li>Margin – Type here content margin value(margin properties define the space around elements).</li>
<li>Elements ordering – Choose the order of showing elements(you can move all elements using drop down functionality).</li>
</ul>
<h3>Background</h3>
<ul>
<li>Background type – Select the background type you want to use.</li>
<li>Set color – Select the background color(option will appear if you choose “Background color” type).</li>
<li>Img url – Type the image url or just upload images for background(option will appear if you choose “Background image” type). </li>
<li>Slider img urls – Type the image urls or just upload images for Background Slider(option will appear if you choose “Background Slider” type).</li>
<li>YouTube video id – Type YouTube video Id, for example if YouTube video full url is “https://www.youtube.com/watch?v=0AqnCSdkjQ0”, then you just need to type here “0AqnCSdkjQ0” (option will appear if you choose “YouTube Background” type).</li>
<li>Video Sound – Choose mute or unmute background video(option will appear if you choose “YouTube Background” type).</li>
</ul>
<h3>Except pages and IPs</h3>
<ul>
<li>Disable the plugin for this ips – You can disable the plugin for this ips, just type the ip and click anywhere, then type the next ip in next field that will appear. </li>
<li>Disable the plugin for this urls – You can disable the plugin for this urls, just type the url and click anywhere, then type the next url in next field that will appear.</li>
</ul>
<h3>Search engine and Favicon</h3>
<ul>
<li>Title(SEO) – Type here the Title for Search engines(It will be visible for search engines).</li>
<li>Favicon – Here you can upload favicon.</li>
<li>Enable Search Robots – Here you can enable or disable coming soon page for search robots(If you disable this option then your website will disappear from search engines). </li>
<li>Meta Keywords – Type here meta keywords.</li>
<li>Meta Description – Type here meta description.</li>
</ul>
<h3>Subscribers page</h3>
<p>On this page you can view subscribed users emails. You can copy emails list and send emails using Gmail or other email services.<br />
You can remove emails from email list as well.</p>
<p>Send Mail all subscribed Users – Send Mail to all subscribed Users<br />
All fields are required – All fields are required</p>
<ul>
<li>Your display Email – Type here the Display Email address, your users will see it when you send them email. </li>
<li>Your display Name – Type here name(company or website name) that your users will see when you send them email. </li>
<li>Message title – Type here message title. </li>
<li>Message – Type here message text.</li>
</ul>
<p>All fields required, so fill all fields and click on send button, that’s all.</p>


Coming soon and Maintenance mode

Coming soon and Maintenance mode plugin is an awesome tool to show your website visitors that you are working on your website for making it better.

Maintenance & Coming Soon Redirect Animation vs Coming soon and Maintenance mode