How To Create And Use A Divi Staging Site Tutorial by Pee Aye Creative

How To Create And Use A Divi Staging Site

In this tutorial, I will show you how to create and use a Divi staging site and explain why they are so helpful and important.

Join subscribers on our YouTube channel and enjoy other Divi video tutorials!

Siteground Hosting Staging Site Example

Siteground is one of my personal recommended hosts for Divi. They have their own built-in staging tool that is really easy to use! If you are using Siteground and want to create a staging site, be sure to follow their own full guides on their site: How To Use SiteGround Staging Tool.

To set up the staging site with Siteground, you need to follow these steps:

Create A New Staging Website

Go to the Siteground and login into your account. From the Websites tab, locate the website and click on Site Tools. Once inside the Site Tools, click on WordPress in the menu on the left-hand side and then click on Staging.

staging sites in Siteground

Look for the option to “Create New Staging Copy” and type in some name for your site. Then click the orange “Create” button to create your staging website.

create new Divi staging copy in Siteground

The system will then process the request, and when it is completed you will see a confirmation stating the staging site has been created.

Divi staging site has been created in Siteground

You will also notice that the site appears as a staging copy in the list down below.

List of Divi staging sites in Siteground

Edit Your Staging Website

Now that you have made a copy of the site, you can go ahead and make the changes on the staging site. So this is when you can test your code, update the Divi theme, update plugins, etc.

You can access the WordPress staging site by clicking the login icon.

log into the Siteground staging site WordPress admin

Deploy The Changes To The Live Site

Once you are done making changes or updates to your staging copy, and you have checked your site and are happy with the result, you can proceed with deploying the changes and replace your live site with the staging copy. To do this, click the menu to reveal the available staging site options that Siteground provides.

staging site options in Siteground

Full Deploy – this option is used to completely merge the staging with the live site. All files and the database on the live site will be replaced with those of the staging copy.
Custom Deploy – this option will compare all changes you’ve made to the files and database of your staging copy with the current live site and gives you the options on what you want to update. This is meant to give you control on every part of the copy that will be deployed to live.

Cloudways Hosting Staging Site Example

Cloudways is also one of my personal recommended hosts for Divi. They have their own built-in staging tool that is really easy to use! If you are using Cloudways hosting and want to create a staging site, be sure to follow their own full guides on their site: How To Create A Cloudways Staging Environment.

To set up the staging site with Cloudways, follow these steps:

Create The Staging Application

Log into your Cloudways account and go to your server and applications. The key here is to click into an application first. Then, once you are viewing an application, go to the bottom right corner of your screen and hover over the orange grid menu icon. Some options will appear, including one called “Clone App/Create Staging.” Click on this option.

create Divi staging site in Cloudways application 1

A dialog box will appear like this.

create a Divi staging site in Cloudways

From the dropdown, you can choose your server. Then mark the checkbox next to “Create as Staging” and click the green “Continue” button.

The system will now create the staging copy, and once it is done processing it will be added to your list of applications that can be accessed by clicking the www menu. It will have a “Staging” tag next to the name.

list of Divi staging site applications in Cloudways

Edit Your Staging Website

Now that you have made a copy of the site, you can go ahead and make the changes on the staging site. So this is when you can test your code, update the Divi theme, update plugins, etc.

You can access the WordPress staging site by clicking the Access Details in the left menu. This works just like your live site access details.

Pull The Changes To The Live Site

Once you are done making changes or updates to your staging copy, and you have checked your site and are happy with the result, you can proceed with pulling the staging site to live, which will update your changes made on the staging site to the live site. To do this, click the menu to reveal the available staging site options that Siteground provides.

Be sure to read the labels carefully. Push and pull terminology can feel confusing, but just read the description and double check it each time.

Pull Divi staging site to live in Cloudways

This will bring up a dialog box with several options. Please see the detailed notes in the Cloudways documentation staging guide about this. This is very important!

9
Last updated Aug 31, 2021 @ 6:36 pm

Please share this post!

Nelson Lee Miller (aka The Divi Teacher)

Nelson is the owner of Pee-Aye Creative Co in the beautiful state of Pennsylvania. He loves helping small businesses, exploring, building websites with Divi, and teaching others.
Divi Adventure Club Product And Course Membership by Pee Aye Creative

Become A Member!

Gain access to everything we offer!

Learn More

Leave A Response!

By commenting you agree to our Blog & YouTube Comments Policy

2 Comments

  1. Mark

    If using the WP Staging plugin you can always go to the Tools menu in the site’s backend and Export the staging site when you’re finished with it and Import it into the Production/Live site.

    Reply

Submit a Comment

Your email address will not be published. Required fields are marked *

Asset 7

Shop Our Divi Products

Plugins • Courses • Templates

Visit The Shop

Divi Adventure Club Product And Course Membership by Pee Aye Creative

Become A Member!

Gain access to everything we offer!

Learn More

Divi Tutorials On YouTube

Our videos have views! Join subscribers and enjoy over video tutorials!

Visit Our Channel

Recent Posts

Pin It on Pinterest

0

Your Cart