A Beginner’s Guide to Website Staging (And How to Set It Up)
Maintaining a WordPress website is a never-ending process. Even after you’ve built your site, you’ll likely continue to make changes and adjustments indefinitely. This means you need to find a way to test those changes without negatively impacting your site or its visitors.
Often, the best way to do this is to create a staging site. Also known as a testing or development site, this is a standalone copy of your website. You can use this copy to try out new themes and plugins, test bug fixes, and plan out changes well before implementing them on your live site.
In this article, we’ll explain everything you need to know about staging sites, including why they’re so useful and how to create one. We’ll also provide some tips on how to use your new staging website effectively.
An Introduction to Website Staging
When you create a regular website, one of the first things you’ll typically do is choose a domain and settle on a hosting plan. These steps are necessary for getting your site online so that people can visit it through their browsers. The result is often referred to as a ‘live’ or ‘public’ site.
A staging website is similar in many ways to a live site, but its purpose is very different. Staging sites are private — not intended for just anyone to visit. They’re used as a tool for experimenting and testing. For that reason, they’re also frequently called ‘testing’ or ‘development’ sites.
There are two primary forms a staging site can take. It can be an entirely new, blank website, or a carbon copy of an existing one. Both types have many uses, which we’ll discuss shortly. It’s also worth bearing in mind that a staging site can be completely offline and stored on a local computer, or hosted online but marked as private. Staging sites are very beneficial, but chances are you won’t want anyone else to be able to find them.
The Many Benefits of Creating a Staging Site
So far, we’ve been discussing staging sites in the abstract. At this point, you may be asking, “But what do I actually do with one?!” The truth is there is a wide range of potential applications. These are a few of the most common:
- You can build a new website, then design and tweak it until it’s perfect — all while keeping it private. Then, you can make it (or a copy of it) live when the time is right.
- Staging sites are the perfect playground for learning about the WordPress platform. You can use them to try out new plugins and themes, experiment with custom code, and so on.
- If your staging site is a copy of your live site, it’s the perfect place for bug-fixing and testing solutions to any errors that are giving you trouble.
Of course, all of these things can be done on a live website. However, that’s a risky proposition. If you try out a new plugin or test a bug fix on your public site, you risk breaking something in the process. You could also end up slowing down your site temporarily, causing downtime, or otherwise interfering with your visitors’ experience.
That’s why a staging site is so valuable. It helps you ensure that everything is working properly before making any changes to your live site. Plus, it lets you make sure a new site is completely ready to go before anyone can find it. For these reasons and more, having at least one staging site handy is important for nearly every WordPress website owner. Unless you plan to never make any changes to your site (which we don’t recommend), it’s well worth knowing how to use this valuable tool.
How to Create a Staging Site in WordPress (With 2 Methods)
Putting your staging site together can be easy or complicated depending on what method you use, and whether you’re creating a new site or copying an existing one. Below, we’ll present two of the best ways to get the job done. We suggest reading through each one, then picking the technique that’s most suited to your needs.
Before moving on, however, this is the time to make a backup of your website if you don’t have one ready. Creating a staging site shouldn’t impact your live site in any way, but it doesn’t hurt to be careful.
1. Install Your Staging Site Through Your Web Host
Perhaps the most convenient way to create a staging website is to do it through your existing web host. You’ve already set up at least one site with your host, after all, so you’re familiar with how the process works.
While the resulting site will be online, you can still ensure it’s private and won’t be confused with your live site. Plus, it will usually be simple to make your staging site a copy of the live version. If your web host offers this option, there’s really no downside to using it.
The process of creating a staging site this way will depend on what tools your particular host offers. Your best bet is to contact them for help or check our their documentation.
DreamPress Pro is a powerful WordPress hosting option for your site, which offers top-notch performance and WordPress optimization. Most importantly for our purposes, this managed plan permits up to three separate websites.
What you’ll need to do is use one of your allotted websites as a staging site. To do that, you’ll have to create a temporary domain to host your staging site on. The simplest method is to create a subdomain.
First, visit your control panel and navigate to WordPress > DreamPress.
You should see your current domains listed there already. Click on the Add DreamPress button, which will enable you to add a new domain.
Then, you’ll need to create a subdomain to use for your staging site. A subdomain enables you to keep your staging site on a separate install from your live site, so both can run independently.
As long as you have the Pro version of DreamPress (good for up to three sites), you’ll be able to do this at no extra charge. To add a DreamPress subdomain, you just need to be sure that the name you pick ends in dream.press. For example, you could call your staging site mysite.dream.press.
Next, click on Add New DreamPress in the sidebar to the right. You’ll be presented with a success message, and your new domain will be listed at the top of the screen. You may need to wait up to five minutes for the domain to be fully set up.
When it’s ready, you’ll receive an email at the address connected to your account. There will be a link in that email to finalize the installation, by setting up the password for your new site. Go ahead and do that now.
At this point, your staging site is all set up. If you just wanted a blank new site to work with, you can stop here. However, you may instead want a copy of your live site so that you can test out various changes.
To do that, you’ll need to return to your DreamPress dashboard. You should now see the new domain listed.
Click on the Manage button next to your staging domain. On the next screen, scroll down to the bottom and click on the Domain tab.
At this point, you’ll want to select the link to Import existing site. A pop-up will appear, with a drop-down menu listing your other DreamPress sites. Select your live site on this menu. As the pop-up warns, be very careful with this step, since your changes here cannot be reversed.
When you’re ready, click on Start Import. The process might take a while to complete, depending on how much data your live site contains.
Once again, you’ll know this step has been successful when you receive an email saying as much. Once you get that email, your staging site is ready to go! Log in, and it should look identical to your live site. However, any changes you make here will be self-contained.
Technically, we’re done at this point. However, what if you make changes to your staging site and want to import them back to your live site? This is incredibly simple. Go back to your DreamPress dashboard, and this time click on Manage next to your live site. Just as before, click on the Domain tab, and then the link to Import existing site. This time, select your staging site from the drop-down menu and click Start Import.
That will copy over your staging site to your live site. Be aware that it will overwrite your entire site, so make sure your staging site is fully ready to go live. You should also make a backup of your live site before doing this — just in case.
2. Use a Plugin to Set Up Your Staging Site Quickly
If you can’t create a staging site through your web host (or you don’t want to for whatever reason), there’s another option. You can use a dedicated plugin to get the job done. Depending on the plugin you choose, the process of creating your staging site will be simplified to some extent, although you may not get as many options for working with it as you would through your hosting provider.
There are a lot of plugins that are either designed for this task specifically or include it as one of their features. We’d recommend taking a look at WP Staging, which is one of the most straightforward and targeted solutions you can find.
This plugin makes it easy to create a clone of your live site, which will be saved in a subfolder of the main installation. What’s more, you won’t need any technical know-how to make it work. For a similar solution with more options, you can check out the premium plugin WP Stagecoach. Among other things, it makes pushing your changes from your staging site to your live site a breeze.
For now, let’s look at how to create a staging site with WP Staging. You’ll first need to install and activate the plugin within WordPress on the site you want to copy. Then, a new WP Staging tab will appear on your dashboard.
Click on Create a new staging site, and you’ll be able to give it a name. You’ll also see some other options.
DB Tables will enable you to exclude copying certain data. However, in most cases you’ll want to copy everything — so you can ignore this section. The same is true for Files, which offers advanced customization options you aren’t likely to need at this point.
Instead, select the Start Cloning button. The plugin will take a little while to do its thing. Meanwhile, you’ll see a few progress bars that let you know it’s still working.
When the process is complete, you’ll see a success message, and be provided with a link to your new staging site. You can either click on the link or the Open staging site button to visit it, using your regular credentials to log in.
We’d recommend taking a little time at this point to explore your staging site, making sure everything has been copied over correctly. It should be a perfect duplicate of your live site. As long as everything looks in order, you can now start using it to perform experiments, test out new plugins or themes, and conduct troubleshooting.
What if you make changes to your staging site, and want to put them in place on your live site? You could make the alterations manually to both sites. However, it can be far easier to tweak your staging site until it’s just right, then copy those changes over to the real version. You can do this with WP Staging as well, although you’ll need to purchase the plugin’s premium version.
This isn’t exactly a cheap solution since it will cost you $69 for one site, but it can be worth the investment if you plan to make frequent use of your staging site. If you do opt for WP Staging Pro, you can follow the developers’ handy tutorial for pushing changes to your live site.
Finally, it’s worth mentioning that if you only want to create a new WordPress site for testing and experimentation, and don’t need it to be a copy of a different site or intend to make it live, there’s another option. You can create a local WordPress website, stored on your local machine. This way, you can work with your staging site offline, and no one will be able to access it unless they’re using your computer.
You can use a tool such as XAMPP (for Windows users) or MAMP (for Mac users) to create one or more local sites quickly.
If you want, you can also use these solutions to copy and push changes to your live site, but the process is more involved than the methods we’ve outlined above. Until you have a little more technical experience under your belt, we’d recommend sticking with one of those instead.
What to Do Once Your Staging Environment Is Ready
Regardless of which method you use, in the end, you’ll have a shiny new staging site ready to go. Before you start working with it in earnest, however, there are a few initial steps you’ll want to take.
Any time you create a staging site, we’d recommend following these steps:
- First, if you’ve copied over your live site, go through your staging site and make sure everything has been transferred correctly. Make sure content is formatted the right way, images and other media are appearing, key features are working, and so on.
- In your WordPress dashboard, navigate to Settings > Reading, and check the box labeled Discourage search engines from indexing this site. This will help ensure that no one can stumble across your site if it’s hosted online.
- While still in your dashboard, go to Settings > Permalinks. Make sure that the staging site’s permalink structure is set up correctly (in other words, that it’s the same as your live site). Otherwise, you can end up seeing 404 errors.
After that, you should be set up and ready to go. Before we wrap up, however, it’s worth noting that there are other options for more advanced users. GitHub and BitBucket, for example, are services developers use to share and collaborate on projects (for example, when creating websites, themes, and plugins).
They can also be used to keep track of the changes to your staging site, and even share them with others to get help and feedback. If you’re interested in learning more about these tools and how they can help you build websites, there are plenty of guides you can check out that will get you started.
Going Through a Stage
Creating a staging website is a smart way to simplify the ongoing maintenance of your live site. Having a copy of your live site hosted on your local computer enables you test changes and fixes in a safe environment. Plus, there’s no chance you’ll bring down your live site in the process or break features.
Do you have any questions about staging sites, and how to use them? Connect with us in the DreamHost Community and ask us anything!