{"id":3167,"date":"2022-05-19T05:06:44","date_gmt":"2022-05-19T05:06:44","guid":{"rendered":"https:\/\/www.hostinger.com\/blog\/?p=3167"},"modified":"2022-06-27T08:01:12","modified_gmt":"2022-06-27T08:01:12","slug":"hostinger-wordpress-staging","status":"publish","type":"post","link":"https:\/\/www.hostinger.com\/blog\/hostinger-wordpress-staging","title":{"rendered":"Introducing the Hostinger WordPress Staging Tool: Test Your Website Before Publishing It"},"content":{"rendered":"<p>Before we introduced the <strong>WordPress staging feature<\/strong> earlier this year, users needed to create their own staging environment for site testing. Doing so required installing plugins or even contacting customer success specialists for help.<\/p><p>This made creating staging environments quite challenging, not to mention time-consuming.<\/p><p>Now, with the WordPress staging feature, users can create a staging environment directly from their <strong>hPanel<\/strong>, without hassle.<\/p><p>Since there&rsquo;s more to it, let&rsquo;s take a look at the benefits of this new feature and, most importantly, how to use the WordPress staging tool.<\/p><h2 class=\"wp-block-heading\" id=\"h-why-should-you-use-wordpress-staging\">Why Should You Use WordPress Staging?<\/h2><p>WordPress staging allows you to test changes made without affecting the live website. For instance, you can safely modify themes and test plugins on the staging environment. If something goes wrong, your website will not be affected.<\/p><p>WordPress staging also helps you discover bugs or critical issues before the site goes live, ensuring better functionality and user experience.<\/p><p>Using the WordPress staging tool available on your hPanel, you no longer need to install third-party plugins to create staging environments. The process is fully automated &ndash; from creating the staging environments to publishing any changes on a live website.<\/p><p>However, the WordPress staging feature is only available for specific hosting plans:<\/p><ul class=\"wp-block-list\"><li>Business Shared Hosting<\/li><li>Cloud Hosting<\/li><li>Business WordPress Hosting<\/li><li>WordPress Pro Hosting<\/li><\/ul><p>If you run a website using the Single or Premium Shared Hosting plans, you&rsquo;ll still need to create a <a href=\"https:\/\/www.hostinger.com\/tutorials\/wordpress-staging-environment\">WordPress staging<\/a> environment manually. Alternatively, you can use plugins like <a href=\"https:\/\/wp-staging.com\/\" target=\"_blank\" rel=\"noopener\">WP Staging<\/a>.<\/p><h2 class=\"wp-block-heading\" id=\"h-how-does-the-wordpress-staging-tool-work\">How Does the WordPress Staging Tool Work?<\/h2><p>Once you create a staging environment, the WordPress staging tool will create a subdomain that contains a copy of the production website.<\/p><p>The production and staging websites are not connected, so it is safe to make changes while in the staging environment.<\/p><h2 class=\"wp-block-heading\" id=\"h-how-to-use-hostinger-wordpress-staging-tool\">How to Use Hostinger WordPress Staging Tool?<\/h2><p>Creating a staging environment with the WordPress staging tool is very easy and can be done right from your hPanel. Let&rsquo;s see how to do it step-by-step:<\/p><ol class=\"wp-block-list\"><li>Log in to your Hostinger account to access <strong>hPanel<\/strong>.<\/li><li>Navigate to <strong>WordPress<\/strong> -&gt; <strong>Staging<\/strong>.<\/li><\/ol><div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img decoding=\"async\" width=\"888\" height=\"570\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/4\/2022\/05\/hpanel-dashboard.png\/public\" alt=\"Hosting section of hPanel, highlighting the Staging option from the WordPress menu\" class=\"wp-image-3177\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/4\/2022\/05\/hpanel-dashboard.png\/w=888,fit=scale-down 888w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/4\/2022\/05\/hpanel-dashboard.png\/w=300,fit=scale-down 300w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/4\/2022\/05\/hpanel-dashboard.png\/w=768,fit=scale-down 768w\" sizes=\"(max-width: 888px) 100vw, 888px\" \/><\/figure><\/div><ol class=\"wp-block-list\" start=\"3\"><li>In the <strong>Staging<\/strong> tab, click <strong>Create staging<\/strong>.<\/li><\/ol><div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img decoding=\"async\" width=\"768\" height=\"415\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/4\/2022\/05\/hpanel-staging-1.png\/public\" alt=\"My website section of hPanel, highlighting the Create staging button\" class=\"wp-image-3178\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/4\/2022\/05\/hpanel-staging-1.png\/w=768,fit=scale-down 768w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/4\/2022\/05\/hpanel-staging-1.png\/w=300,fit=scale-down 300w\" sizes=\"(max-width: 768px) 100vw, 768px\" \/><\/figure><\/div><ol class=\"wp-block-list\" start=\"4\"><li>A pop-up window will appear. Fill in the required fields to create a subdomain for the staging environment and hit <strong>Create<\/strong>.<\/li><\/ol><div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img decoding=\"async\" width=\"654\" height=\"282\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/4\/2022\/05\/hpanel-create-staging-1.png\/public\" alt=\"Create Staging Environment pop-up, highlighting the Create button\" class=\"wp-image-3179\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/4\/2022\/05\/hpanel-create-staging-1.png\/w=654,fit=scale-down 654w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/4\/2022\/05\/hpanel-create-staging-1.png\/w=300,fit=scale-down 300w\" sizes=\"(max-width: 654px) 100vw, 654px\" \/><\/figure><\/div><ol class=\"wp-block-list\" start=\"5\"><li>Depending on the size of your production website, the staging environment creation may take up to 15 minutes. Once the process is complete, click <strong>Close<\/strong> to dismiss the confirmation message.<\/li><\/ol><div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img decoding=\"async\" width=\"654\" height=\"298\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/4\/2022\/05\/creating-staging-confirmation-1.png\/public\" alt=\"Creating a Staging Environment &ndash; confirmation message\" class=\"wp-image-3180\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/4\/2022\/05\/creating-staging-confirmation-1.png\/w=654,fit=scale-down 654w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/4\/2022\/05\/creating-staging-confirmation-1.png\/w=300,fit=scale-down 300w\" sizes=\"(max-width: 654px) 100vw, 654px\" \/><\/figure><\/div><p>It&rsquo;s that simple! Now, to use the staging environment, click <strong>Manage staging<\/strong> next to the desired<strong> <\/strong>staging site.<\/p><div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img decoding=\"async\" width=\"899\" height=\"581\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/4\/2022\/05\/hpanel-manage-staging-2.png\/public\" alt=\"Staging section of hPanel, with the Manage staging option highlighted\" class=\"wp-image-3193\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/4\/2022\/05\/hpanel-manage-staging-2.png\/w=899,fit=scale-down 899w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/4\/2022\/05\/hpanel-manage-staging-2.png\/w=300,fit=scale-down 300w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/4\/2022\/05\/hpanel-manage-staging-2.png\/w=768,fit=scale-down 768w\" sizes=\"(max-width: 899px) 100vw, 899px\" \/><\/figure><\/div><p>On the <strong>staging dashboard<\/strong>, access the WordPress admin area by clicking <strong>Edit staging<\/strong>.<\/p><div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img decoding=\"async\" width=\"1063\" height=\"663\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/4\/2022\/05\/staging-dashboard-1.png\/public\" alt=\"Staging dashboard on hPanel\" class=\"wp-image-3182\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/4\/2022\/05\/staging-dashboard-1.png\/w=1063,fit=scale-down 1063w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/4\/2022\/05\/staging-dashboard-1.png\/w=300,fit=scale-down 300w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/4\/2022\/05\/staging-dashboard-1.png\/w=1024,fit=scale-down 1024w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/4\/2022\/05\/staging-dashboard-1.png\/w=768,fit=scale-down 768w\" sizes=\"(max-width: 1063px) 100vw, 1063px\" \/><\/figure><\/div><p>You can start making changes to your posts, pages, plugins, and themes. Once you are happy with the changes, go back to the WordPress staging page on hPanel by navigating to <strong>WordPress<\/strong> -&gt; <strong>Staging<\/strong>.<\/p><p>Click the <strong>three dots icon <\/strong>next to the updated staging site and select <strong>Publish<\/strong>.<\/p><div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img decoding=\"async\" width=\"888\" height=\"272\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/4\/2022\/05\/hpanel-staging-publish.png\/public\" alt=\"Staging section of hPanel, with the Publish option highlighted\" class=\"wp-image-3194\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/4\/2022\/05\/hpanel-staging-publish.png\/w=888,fit=scale-down 888w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/4\/2022\/05\/hpanel-staging-publish.png\/w=300,fit=scale-down 300w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/4\/2022\/05\/hpanel-staging-publish.png\/w=768,fit=scale-down 768w\" sizes=\"(max-width: 888px) 100vw, 888px\" \/><\/figure><\/div><p>A pop-up window will appear asking you to confirm your changes. Click <strong>Publish <\/strong>to finish the process.<\/p><div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img decoding=\"async\" width=\"571\" height=\"194\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/4\/2022\/05\/hpanel-publish-confirm.png\/public\" alt=\"Publish staging website pop-up, highlighting the Publish button\" class=\"wp-image-3195\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/4\/2022\/05\/hpanel-publish-confirm.png\/w=571,fit=scale-down 571w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/4\/2022\/05\/hpanel-publish-confirm.png\/w=300,fit=scale-down 300w\" sizes=\"(max-width: 571px) 100vw, 571px\" \/><\/figure><\/div><p>The tool also creates a backup automatically before publishing the staging environment, so you can easily revert the changes if necessary.<\/p><p>That&rsquo;s it! The Hostinger WordPress staging tool makes modifying and publishing the staging environment that simple.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Before we introduced the WordPress staging feature earlier this year, users needed to create their own staging environment for site testing. Doing so required installing plugins o\u2026<\/p>\n","protected":false},"author":258,"featured_media":3366,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[2391],"tags":[],"hashtags":[],"class_list":["post-3167","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-product-updates"],"hreflangs":[],"_links":{"self":[{"href":"https:\/\/www.hostinger.com\/blog\/wp-json\/wp\/v2\/posts\/3167","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.hostinger.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.hostinger.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.hostinger.com\/blog\/wp-json\/wp\/v2\/users\/258"}],"replies":[{"embeddable":true,"href":"https:\/\/www.hostinger.com\/blog\/wp-json\/wp\/v2\/comments?post=3167"}],"version-history":[{"count":10,"href":"https:\/\/www.hostinger.com\/blog\/wp-json\/wp\/v2\/posts\/3167\/revisions"}],"predecessor-version":[{"id":3367,"href":"https:\/\/www.hostinger.com\/blog\/wp-json\/wp\/v2\/posts\/3167\/revisions\/3367"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.hostinger.com\/blog\/wp-json\/wp\/v2\/media\/3366"}],"wp:attachment":[{"href":"https:\/\/www.hostinger.com\/blog\/wp-json\/wp\/v2\/media?parent=3167"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.hostinger.com\/blog\/wp-json\/wp\/v2\/categories?post=3167"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.hostinger.com\/blog\/wp-json\/wp\/v2\/tags?post=3167"},{"taxonomy":"hashtags","embeddable":true,"href":"https:\/\/www.hostinger.com\/blog\/wp-json\/wp\/v2\/hashtags?post=3167"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}