Normally, to modify a page within a Website, You need to put it in maintenance mode to avoid a bad user experience on your website. 

In most cases, you don't need to put the entire website into maintenance mode if you're not going to change all the pages and structures of your website. 

This type of work is almost always done with plugins, especially by people who are not professional developers.  

There are many plugins available for WordPress that allow you to do this job without touching code, for example; the WP Maintenance Mode plugin.

Personally, I have used it in my company when developing a website for a client or for a project of my company.  

But in this post I'm going to explain how to modify a page within your website without putting it into maintenance mode.  

With years of work and development in WordPress, I have learned a lot and invented tricks that help me when I work.

In this special case, if you need to change a page and don't need your customers or users to see the changes before final publication, you can do the following:  

1. Put the page in draft mode 
2. Set the page to private. 
3. Create a development page 

In this post, I'm going to focus on point 3.

If you have any questions about how to perform steps 1 and 2, leave me a comment so I can help you. 

How to create a "development" page for your WordPress website? 

You must log into your WordPress website, find the option that says “pages”, and click on “add new” page.

Next, you should name the page "Development", save it as a draft, and start editing.

Remember, you shouldn't publish this page, because it's only a draft to work on the final design that you should export to the page you actually want to modify.  

Once you finish designing the layout you're going to put on the page you want to modify, export it as a .Json file in Divi if it's a complete page, or save it in the "Divi Library" if it's just a layout and not a page. Watch the video for more details. 

If it's the entire page you've exported, go to the page you want to modify and click on the three dots at the bottom of the page, click on portability and then click on "Import".

You must upload the previously exported .Json file, check “Replace existing content” if you want to replace all the page content, and finally, click on “Import Divi Builder Layout”. 

Ready! 

If you have only saved the design in the “Divi Library”, you must click add “Section” or “Rows” or “Modules” depending on the format in which you saved the design in the “Divi Library”, select “Add from Library” and choose the design you had saved.

After checking that everything is correct, you save and publish your modifications. 

Ready! 

If you need help with a specific Digital Solution, you can Contact us for advice.  

Share this post and leave a comment to help us help more people 

At Cleefcompany, we wish you much success, prosperity, and health!