{"id":19439,"date":"2024-05-26T13:52:40","date_gmt":"2024-05-26T13:52:40","guid":{"rendered":"https:\/\/hostvento.com\/kb\/web-hosting\/how-to-replace-your-web-page-with-an-under-construction-landing-page\/"},"modified":"2024-06-16T15:22:37","modified_gmt":"2024-06-16T15:22:37","slug":"how-to-replace-your-web-page-with-an-under-construction-landing-page","status":"publish","type":"docs","link":"https:\/\/www.hostvento.com\/kb\/docs\/hosting-faqs\/how-to-replace-your-web-page-with-an-under-construction-landing-page\/","title":{"rendered":"How to Replace your Web Page with an Under Construction Landing Page?"},"content":{"rendered":"\n<p><strong>Follow these steps if your website is made in WordPress:<\/strong><\/p>\n\n\n\n<p>As you can see, our current web page looks like this.<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img decoding=\"async\" src=\"https:\/\/www.hostvento.in\/hosting-faqs\/wp-content\/uploads\/2020\/12\/Screenshot-143.png\" alt=\"\" class=\"wp-image-10841\"\/><\/figure>\n<\/div>\n\n\n<p><strong>Now to change this current web page to an under-construction landing page then, follow these steps:<\/strong><\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Log in to&nbsp;<strong>WordPress<\/strong>.<\/li>\n\n\n\n<li>On the left sidebar, go to&nbsp;<strong>Plugins<\/strong>&nbsp;and click on&nbsp;<strong>Add New<\/strong>.<\/li>\n\n\n\n<li>Now, in the&nbsp;<strong>Search plugins<\/strong>&nbsp;textbox, search for&nbsp;<strong>Under Construction, Coming Soon, &amp; Maintenance Mode<\/strong>.<\/li>\n\n\n\n<li>To install this plugin, click on&nbsp;<strong>Install Now<\/strong>.<\/li>\n\n\n\n<li>Click on&nbsp;<strong>Activate<\/strong>&nbsp;to activate this plugin.<\/li>\n\n\n\n<li>You will get a message as&nbsp;<strong>Plugin activated<\/strong>.<\/li>\n\n\n\n<li>Go to&nbsp;<strong>Under Construction<\/strong>&nbsp;and click on&nbsp;<strong>Settings<\/strong>.<\/li>\n\n\n\n<li>Now, select this checkbox to activate the maintenance mode and click on&nbsp;<strong>Save Changes<\/strong>.<\/li>\n<\/ul>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img decoding=\"async\" src=\"https:\/\/www.hostvento.in\/hosting-faqs\/wp-content\/uploads\/2020\/12\/Screenshot-144.png\" alt=\"\" class=\"wp-image-10842\"\/><\/figure>\n<\/div>\n\n\n<ul class=\"wp-block-list\">\n<li>Now refresh your webpage, as you can see the under-construction page.<\/li>\n<\/ul>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img decoding=\"async\" src=\"https:\/\/www.hostvento.in\/hosting-faqs\/wp-content\/uploads\/2020\/12\/Screenshot-145.png\" alt=\"\" class=\"wp-image-10843\"\/><\/figure>\n<\/div>\n\n\n<p><strong>Follow these steps if your website is made in PHP:<\/strong><\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Login to&nbsp;<strong>cPanel<\/strong>.<\/li>\n\n\n\n<li>Click on&nbsp;<strong>File Manager<\/strong>.<\/li>\n\n\n\n<li>You need to create and upload an under-construction page on the server.<\/li>\n\n\n\n<li>Just, for example, we have created a simple HTML page with an under construction image.<\/li>\n\n\n\n<li>To import a file Click on&nbsp;<strong>Upload<\/strong>.<\/li>\n\n\n\n<li>Select a file that you have created.<\/li>\n\n\n\n<li>Click on this link to go back to the previous section.<\/li>\n<\/ul>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img decoding=\"async\" src=\"https:\/\/www.hostvento.in\/hosting-faqs\/wp-content\/uploads\/2020\/12\/Screenshot-146.png\" alt=\"\" class=\"wp-image-10844\"\/><\/figure>\n<\/div>\n\n\n<ul class=\"wp-block-list\">\n<li>As you can see, this is our HTML file.<\/li>\n<\/ul>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img decoding=\"async\" src=\"https:\/\/www.hostvento.in\/hosting-faqs\/wp-content\/uploads\/2020\/12\/Screenshot-150.png\" alt=\"\" class=\"wp-image-10845\"\/><\/figure>\n<\/div>\n\n\n<ul class=\"wp-block-list\">\n<li>By default, the Apache server calls the index.php file to load your default web page. If you want to load a different web page other than index.php then, you need to add this code at the top of your existing code.<\/li>\n\n\n\n<li><strong>DirectoryIndex maintenance.html index.php<\/strong><\/li>\n<\/ul>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img decoding=\"async\" src=\"https:\/\/www.hostvento.in\/hosting-faqs\/wp-content\/uploads\/2020\/12\/Screenshot-147.png\" alt=\"\" class=\"wp-image-10846\"\/><\/figure>\n<\/div>\n\n\n<ul class=\"wp-block-list\">\n<li>Here, you need to enter your file name.<\/li>\n<\/ul>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img decoding=\"async\" src=\"https:\/\/www.hostvento.in\/hosting-faqs\/wp-content\/uploads\/2020\/12\/Screenshot-148.png\" alt=\"\" class=\"wp-image-10847\"\/><\/figure>\n<\/div>\n\n\n<ul class=\"wp-block-list\">\n<li>Click on&nbsp;<strong>Save Changes<\/strong>.<\/li>\n\n\n\n<li>Now refresh your webpage, as you can see the under-construction page.<\/li>\n<\/ul>\n\n\n\n<p>That\u2019s how you can replace a Web Page with an Under Construction Landing Page.<\/p>\n\n\n\n<p><strong>Read More:<\/strong><a href=\"https:\/\/hostvento.com\/kb\/web-hosting\/getting-started-guide\/shared-hosting-quick-start-guide\/managed-wordpress-quick-start-guide\/how-to-manage-pages-in-wordpress\/\" target=\"_blank\" rel=\"noopener\">How to Manage Pages in WordPress?<\/a><\/p>\n\n\n\n<p><strong>Read More:<\/strong><a href=\"https:\/\/hostvento.com\/kb\/web-hosting\/getting-started-guide\/shared-hosting-quick-start-guide\/managed-wordpress-quick-start-guide\/how-to-write-a-comment-in-wordpress\/\" target=\"_blank\" rel=\"noopener\">How to Write a Comment in WordPress?<\/a><\/p>\n\n\n\n<p><strong>Read More:<\/strong><a href=\"http:\/\/How to Assign Permissions to Files and Folders in Plesk Control Panel?\" target=\"_blank\">How to Assign Permissions to Files and Folders in Plesk Control Panel?<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Follow these steps if your website is made in WordPress: As you can see, our current web page looks like this. Now to change this current web page to an under-construction landing page then, follow these steps: Follow these steps if your website is made in PHP: That\u2019s how you can replace a Web Page [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":23377,"menu_order":1618,"comment_status":"closed","ping_status":"closed","template":"","doc_tag":[],"class_list":["post-19439","docs","type-docs","status-publish","hentry","no-post-thumbnail"],"acf":[],"_links":{"self":[{"href":"https:\/\/www.hostvento.com\/kb\/wp-json\/wp\/v2\/docs\/19439","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.hostvento.com\/kb\/wp-json\/wp\/v2\/docs"}],"about":[{"href":"https:\/\/www.hostvento.com\/kb\/wp-json\/wp\/v2\/types\/docs"}],"author":[{"embeddable":true,"href":"https:\/\/www.hostvento.com\/kb\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.hostvento.com\/kb\/wp-json\/wp\/v2\/comments?post=19439"}],"version-history":[{"count":2,"href":"https:\/\/www.hostvento.com\/kb\/wp-json\/wp\/v2\/docs\/19439\/revisions"}],"predecessor-version":[{"id":21088,"href":"https:\/\/www.hostvento.com\/kb\/wp-json\/wp\/v2\/docs\/19439\/revisions\/21088"}],"up":[{"embeddable":true,"href":"https:\/\/www.hostvento.com\/kb\/wp-json\/wp\/v2\/docs\/23377"}],"wp:attachment":[{"href":"https:\/\/www.hostvento.com\/kb\/wp-json\/wp\/v2\/media?parent=19439"}],"wp:term":[{"taxonomy":"doc_tag","embeddable":true,"href":"https:\/\/www.hostvento.com\/kb\/wp-json\/wp\/v2\/doc_tag?post=19439"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}