Loading...

Knowledge Base
Hosting Ad
 Up to 70% off  on  WordPress  hosting for WordPress Websites and Stores!
Categories:

How to Create a Staging WordPress Site

Share

A staging website is a clone or a copy of your live WordPress website used for testing changes before making it live online. This guide provides how staging site in WordPress with Bluehost in different ways to test and make changes on your website. Whether you are novice, intermediate, or advanced Bluehost has you covered providing various methods for each type of user.


What is a Staging Site?

Staging a website in your WordPress is a copy of your website where you can make changes that don’t alter your live website until you are ready to deploy and publish the changes to your live website. You can learn more about what a staging website is on our blog.

Benefits of staging your WordPress website are including but not limited to:

  • Staging sites help you catch errors so you don’t end up breaking your live website.
  • Your staging website is not available to the public.
  • Until you are ready to deploy and publish the changes from your staging website, any changes made on your staging site do not affect your actual website.
  • You control the process, and your staging website will only overwrite your live website when you’re ready.
  • It can allow you to upgrade your website without disrupting your current published website and customer experience.

There are many ways to create a copy or staging site for WordPress website. You can build staging environments using any of the following:


Using the Bluehost Staging Site Plugin in WordPress

This will show you how to edit your website using WordPress staging site a free plugin helping you to conduct tests or edits to your website before you publish the website live.

Creating a staging site using the Bluehost Plugin:
  1. Log in to your WordPress site
  2. Once inside your dashboard, navigate to Bluehost from the left-side menu.
  3. Click Staging
    wp-bhstaging
  4. This will bring you to the staging site wizard. Next, click on the Create Staging Site button to continue.
    wp-create-staging
  5. It will prepare the staging environment for your website. Once finished, you will see a success message with a link to visit your staging website.
    wp-go-to-staging
  6. Click on the Go to staging site button to continue.
  7. You will arrive to a page which is the admin area of your staging WordPress site. You will see a red button on top of the admin bar to indicate you are working in the staging environment.
    wp-staging-environment-label

    Note: if you have created more than one staging site, you will be able to access any of it just by selecting the staging site in question

    wp-staging-sites
  8. You can now work on your website without worrying about it affecting your live website.
How to publish a Staging Site WordPress — Deploying changes from staging to live site using the Bluehost Plugin:
  1. Once you are ready to push changes and publish from staging phase to the live website, simply go to Bluehost >
  2. Staging page.
    wp-deploy-staging
  3. Scroll to Deployment Options section. You will see three (3) options for deployment. You can deploy, • only the files, • only the database, • or both files and database.
  4. If you’re not sure, click on the Deploy Files and Database button to deploy all changes from the staging environment.
  5. A popup will appear and you will be asked to confirm you want to deploy the staging site to the production site. Click on the Yes, Let’s Deploy button to continue.
    wp-deployment-confimation
  6. It will start to deploy your staging site to the live site. Depending on the size of your website, this may take a while.

    Note: The pop-up will automatically disappear when deployment is complete. You can now visit your live website. As you view your website, you will see the changes applied and published to your live site.


Using a WordPress Plugin

Use our great plugin to perform testing and edits before they go live. You may also create a staging website using two of the most used WordPress plugin: WP Staging and WP Stagecoach.

  • Creating a staging site using the WP Stagecoach plugin
  • Creating a staging site using the WP Staging plugin

There are some disadvantages to using this method.

  • First, a plugin would have limited control over your hosting server. This is why it may not always give the best results.
  • Secondly, these plugins will store your staging site on their own servers. If you are concerned about privacy and data protection, then this may not be the ideal option for you.

WP Stagecoach

Creating a staging site using the WP Stagecoach plugin:
  1. The first thing that you need to do is install and activate the WP Stagecoach plugin.

    For more details, see our step-by-step guide on how to install a WordPress plugin.

  2. Upon activation, the plugin will add a new menu item labeled WP Stagecoach to your admin bar. Clicking on it will take you to the plugin’s Settings page.
    wp-stagecoach-plugin
  3. You will need to enter your WP Stagecoach username and the API key, which you can find under your account on the plugin website.
  4. After that, you will be able to create your staging website.
  5. You need to provide a name for your staging site. This name will also be used as the subdomain of your WordPress staging website.

    Note: Don’t forget to check the box next to Password protect the staging site option. It will protect your staging website from public view and search engines.

    wp-stagecoach-create-stagingsite
  6. Next, click on the Ride the Stagecoach! button to continue.
  7. The plugin will now create a backup of your WordPress files and database to export them for your staging site.
  8. Once finished, you will see the link to your staging site and its admin area.
  9. You can click the link to visit your staging site and start working on it.
Deploying changes from staging to live site using the WP Stagecoach plugin:
  1. Once you are ready to import changes to your live site, head over to WP Stagecoach, navigate to the Import Changes page, and click on the check for changes button.
  2. The plugin will now check for changes on your staging site and then show you options to import them.
    wp-stagecoach-import-changes
  3. You can select to import only file changes, only database changes, or all changes.
  4. Next, click on the Import button to continue.
  5. The plugin will show you the progress of the import and will notify you when it is done. You can now test your live site to see if all changes were successfully imported.

 

WP Staging

Creating a staging site using the WP Staging plugin:
  1. The first thing that you need to do is install and activate the WP Staging.

    For more details, see our step-by-step guide on how to install a WordPress plugin.

  2. After installation, go to the newly added menu item labeled WP Staging, and then click on the Staging tab.
  3. Hit on the Create new staging site button 
    wp-wpstaging
  4. Expand the menus as desired to see further available settings.
    wp-wpstaging-settings
  5. Once done, click on the Start Cloning button at the bottom.
    wp-wpstaging-confirmation
  6. The plugin will now create a backup of your WordPress files and database to export them for your staging site.
    wp-wpstaging-cloning
  7. After completing the clone, you will see the list of your staging sites, including important details such as database, directory, URL, primary user admin, etc.
    wp-wpstaging-available-sites
Deploying changes from staging to live site using the WP Staging plugin:
  1.  Click on the Actions dropdown menu.
    wp-wpstaging-publish
  2. Hit on Push Changes.
  3. For a complete guide, you can also watch their full video tutorial here.

Both plugins are free to download, but since they are third-party plugins that are maintained by their own set of developers, they also offer premium versions.

To learn more about the differences and their respective pricing, please see WP Staging and WP Stagecoach.

 

Using the Softaculous App Installer

Inside your cPanel you can use Softaculous App Installer and access all installations to create a staging website.

Creating a staging site using the Softaculous App Installer:
  1. Log in to your Bluehost account.
  2. Select the Hosting tab from the left navigation menu.
  3. Click the CPANEL button found within the Quick Links tile.
  4. Go to the Software section and navigate to Softaculous Apps Installer.
    Softaculous Apps Installer icon under the Software section
  5. Once inside the app, expand the Blogs menu, and hit on WordPress.
    softaculous-wordpress-installations
  6. Click the box icon on the top menu that says All Installations.

    Note: If you don't have any WordPress installed yet, please see How To Install WordPress - WordPress Installation Guide.

  7. Alongside the WordPress site where you want to create staging for, click on the tree graph labeled as Create Staging.
    softaculous-create-staging
  8. You will be redirected to the Staging WordPress page; fill out the boxes. Once done, click on the Create Staging button. 
    softaculous-wordpress-staging
  9. And then, you will be able to see a loading page while it's creating your staging site.
    softaculous-loading
  10. Once completed, a confirmation message will be displayed containing all the information about your staging site.
    softaculous-confirmation

Deploying changes from staging to live site using the Softaculous App Installer:
  1. Access again the box icon on the top menu that says All Installations.
  2. Navigate the list under the Script Installations page, and you will be able to see the URL of your staging site.
  3. Click on the connection icon labeled as Push to Live. 
    softaculous-push-to-live
  4. You will be redirected to the Push To Live WordPress page, read the warning, check your options, and click on the Push to Live button.
    softaculous-warning-live


Manually via cPanel

For more experienced users, this method guides you how to manually create a staging site for your WordPress.

Important Note

These methods require you to manually create a staging site for your WordPress install. It is for advanced users and requires more work than other methods described above. Another disadvantage of this method is that your website will be temporarily unavailable when deploying changes back from staging to the live server, also known as publication downtime.


Both methods require the creation of a subdomain:

 

To know more about this process, please see: What Is a Subdomain And How Does It Work? How To Create A Subdomain.

Using the File Manager

Creating a staging site manually using the File Manager:
  1. Log in to your Bluehost account.
  2. Select the Hosting tab from the left navigation menu.
  3. Click the CPANEL button found within the Quick Links tile.
  4. Go to Files and click on File Manager.
    File Manager icon under Files
  5. Under the public_html folder, download the entire root folder of the website you'd like to create a staging site for.

    Tip!: You may also check this guide for step-by-step instructions on How to export a WordPress site.

  6. Next, go back to your cPanel and navigate to phpMyAdmin.  Access the database in question and click on Export. 
    phpMyAdmin icon under Databases

    Tip!: You may also check this guide for step-by-step instructions on How to Import or Export a MySQL Database using phpMyAdmin

  7. Once you have successfully downloaded a copy of both the raw website files and database, you need to upload them now in their respective staging locations. 
  8. Ensure that Google is not crawling your new staging site by using a plugin called Hide My Site. Once you have activated the plugin, head over to Settings > Reading > Discourage search engines from indexing this site. 

Deploying changes from staging to live site manually using the File Manager:
  1. Log in to your Bluehost account.
  2. Select the Hosting tab from the left navigation menu.
  3. Click the CPANEL button found within the Quick Links tile.
  4. Go to Databases, then click MySQL Databases.
    MySQL Databases icon under Databases

    For a more thorough guide on the process of creating a new database, please see this article.

  5. Go back to phpMyAdmin and upload the database files you acquired earlier into the newly created one.

    For a complete guide on this, please see How to Copy or Rename a Database.

  6. Navigate back to File Manager and upload the raw website files you downloaded earlier into the newly created subdomain for your staging site.
  7. Once done, open the wp-config.php file and edit it; you will need to type in the new database information: database name, database user, and password.
    db-edit-wp-config-file
  8. Once you have updated those, click Save Changes.

Using the Duplicator 

Creating a staging site manually using the Duplicator:
  1. You need to install and activate the Duplicator plugin on your live site. Upon activation, you need to click on the Duplicator menu in your WordPress admin sidebar and click on the create new button.
    wp-duplicator-packages
  2. After that, you will be asked to click on the Next button to continue. Duplicator will now run the website duplicator wizard. First, it will run some tests to see if everything is in order. If all items are marked ‘Good,’ then click on the Build button.
    wp-buildpackage
  3. The plugin will now start creating a duplicator package of your WordPress site. This process may take a few minutes, depending on the size of your website. Once finished, you’ll see download options for Installer and the Archive package. You need to click on the One-click download link to download both files on your computer.
    wp-downloadpackage
  4. You’ll need to upload both of these files to the file directory of the subdomain you just created.

    For details, see our guide on how to use FTP to upload files to your WordPress website.

  5. Next, your new staging WordPress site will need a new database. To create one, log in to your Bluehost account.
  6. Select the Hosting tab from the left navigation menu.
  7. Click the CPANEL button found within the Quick Links tile.
  8. Go to Databases, then click MySQL Databases.
    MySQL Databases icon under Databases
  9. On the next page, provide a name for your database and then click on the create database button.
    rock-createdb
  10. You need to create a MySQL user for your database. Scroll down to the MySQL Users section and provide a username and password for your new database user.
    rock-mysql-users
  11. Now you need to give this user permissions to access and modify the database you created earlier. Simply scroll down to the Add user to database section and select your database and the user you just created.
    rock-add-user-db
  12. After that, click on the Add button to continue. You will be asked to select privileges for the user. Go ahead and select the All Privileges checkbox and then click on the Make changes button.
    rock-all-privileges 
    Now your database is ready to be used for your staging website.
  13. Next, you need to open a new browser tab and enter the subdomain of your staging site like this:
    https://yoursubdomain.example.com/installer.php
    Don’t forget to replace yoursubdomain with the actual subdomain and example.com with your own domain name. This will launch the Duplicator installer wizard.
    wp-duplicator1
  14. The installer will look for the archive file. You need to check the terms and conditions checkbox and click on the next button to continue. Now, the installer will ask you to enter your WordPress database information. After that, you will enter the details of the database you created for your new domain name in the earlier step.
    wp-connect-db
  15. Once done, click on the next button to continue. Duplicator will now unpack your WordPress database backup from the archive into your new database.
  16. Next, it will ask you to update the site URL or Path. You shouldn’t have to change anything since it automatically detects the URL of your new subdomain and its path. If it doesn’t, then you can change the URL to your new subdomain. After that, click on the next button to continue.
    wp-duplicator-url 
    Duplicator will now finish the migration.
  17. You can click on the Admin Login button to enter the WordPress admin area of your website on the new staging site. Now you have your staging site set up. Let’s protect it by adding password protection to your subdomain. Head back to your cPanel and click on the directory privacy icon.
    Directory Privacy icon under Files
  18. Next, you need to select your subdomain folder and then select the option to password protect this directory checkbox. You will be asked to provide a name for this setting and then enter a username and password.
    rock-protect-domain
  19. Click on the Save button to store your settings. Your staging site will now be hidden behind the password protection. You can now work on your staging site and make any changes you want.
Deploying changes from staging to live site manually using the Duplicator:
  1. After you are ready to deploy changes from your staging site to the live server, you will follow the same steps described above.
  2. Simply create a new Duplicator package on your staging site and download the Installer and Archive files to your computer.
  3. Next, you need to head over to your live site and create a complete WordPress backup using Duplicator.
  4. Once you are done, you will need to delete all WordPress files and folders from your live website. This means your WordPress site will be down for a while.
  5. Finally, follow the instructions above to run the Duplicator installer wizard to import the staging site to the live server.

Summary

Establishing a staging site on WordPress is crucial for testing changes before they go live. The methods outlined offer versatile solutions for users of all levels. By following the step-by-step instructions provided, users can effectively manage website updates while minimizing errors and ensuring your website goes live smoothly.

As you control upgrades and prevent errors, creating a staging site becomes an essential practice for maintaining a professional and reliable online presence. Partnered with Bluehost's WordPress Hosting, you can push your website to new levels of success.

If you need further assistance, feel free to contact us via Chat or Phone:

  • Chat Support - While on our website, you should see a CHAT bubble in the bottom right-hand corner of the page. Click anywhere on the bubble to begin a chat session.
  • Phone Support -
    • US: 888-401-4678
    • International: +1 801-765-9400

You may also refer to our Knowledge Base articles to help answer common questions and guide you through various setup, configuration, and troubleshooting steps.

Did you find this article helpful?

 
* Your feedback is too short

Loading...