{"id":28598,"date":"2021-10-26T15:55:06","date_gmt":"2021-10-26T20:55:06","guid":{"rendered":"https:\/\/www.hostgator.com\/blog\/?p=28598"},"modified":"2021-10-26T15:55:20","modified_gmt":"2021-10-26T20:55:20","slug":"setup-wordpress-sandbox-demo-site","status":"publish","type":"post","link":"https:\/\/www.hostgator.com\/blog\/setup-wordpress-sandbox-demo-site\/","title":{"rendered":"How (and Why) You Can Set Up WordPress Sandboxes and Demo Sites"},"content":{"rendered":"\n<p>OK, WordPress developers. Let\u2019s say you\u2019ve been <a href=\"https:\/\/www.hostgator.com\/blog\/how-build-wordpress-themes\/\">building your own themes<\/a> and now it\u2019s time to build websites for your blog, your business or your clients. That means you need a workspace.&nbsp;<\/p>\n\n\n\n<p>In fact, you probably need two:&nbsp;<\/p>\n\n\n\n<ol class=\"wp-block-list\"><li>A sandbox (aka a development environment).&nbsp;<\/li><li>A demo site.&nbsp;<\/li><\/ol>\n\n\n\n<p>What\u2019s the difference, why do you need both, and how can you set them up for WordPress? Let\u2019s take a look.<\/p>\n\n\n<div class=\"hgrp\"><h4>You might like&#8230;<\/h4><ul><li><span class=\"prod-icon\"><a href=\"https:\/\/www.hostgator.com\/dedicated-server\" data-element-location=\"body.post_content.related_prod_block\" data-element-type=\"button\" data-element-label=\"dedicated_servers\"><img loading=\"lazy\" decoding=\"async\" width=\"150\" height=\"150\" src=\"https:\/\/www.hostgator.com\/blog\/wp-content\/uploads\/2020\/11\/dedicated-hosting-150x150.png\" class=\"attachment-thumbnail size-thumbnail\" alt=\"\" srcset=\"https:\/\/www.hostgator.com\/blog\/wp-content\/uploads\/2020\/11\/dedicated-hosting-150x150.png 150w, https:\/\/www.hostgator.com\/blog\/wp-content\/uploads\/2020\/11\/dedicated-hosting-300x300.png 300w, https:\/\/www.hostgator.com\/blog\/wp-content\/uploads\/2020\/11\/dedicated-hosting.png 500w\" sizes=\"(max-width: 150px) 100vw, 150px\" \/><\/a><\/span><a href=\"https:\/\/www.hostgator.com\/dedicated-server\" class=\"hgrp-link\" data-element-location=\"body.post_content.related_prod_block\" data-element-type=\"link\" data-element-label=\"dedicated_servers\">Dedicated Servers<\/a><\/li><li><span class=\"prod-icon\"><a href=\"https:\/\/www.hostgator.com\/vps-hosting\" data-element-location=\"body.post_content.related_prod_block\" data-element-type=\"button\" data-element-label=\"vps_hosting\"><img loading=\"lazy\" decoding=\"async\" width=\"150\" height=\"150\" src=\"https:\/\/www.hostgator.com\/blog\/wp-content\/uploads\/2020\/11\/vps-hosting-150x150.png\" class=\"attachment-thumbnail size-thumbnail\" alt=\"\" srcset=\"https:\/\/www.hostgator.com\/blog\/wp-content\/uploads\/2020\/11\/vps-hosting-150x150.png 150w, https:\/\/www.hostgator.com\/blog\/wp-content\/uploads\/2020\/11\/vps-hosting-300x300.png 300w, https:\/\/www.hostgator.com\/blog\/wp-content\/uploads\/2020\/11\/vps-hosting.png 500w\" sizes=\"(max-width: 150px) 100vw, 150px\" \/><\/a><\/span><a href=\"https:\/\/www.hostgator.com\/vps-hosting\" class=\"hgrp-link\" data-element-location=\"body.post_content.related_prod_block\" data-element-type=\"link\" data-element-label=\"vps_hosting\">VPS Hosting<\/a><\/li><\/ul><\/div>\n\n\n<h2 class=\"wp-block-heading\" id=\"h-what-s-the-difference-between-sandbox-and-a-demo-site\">What\u2019s the difference between sandbox and a demo site?<\/h2>\n\n\n\n<p>Your sandbox is the workspace where you\u2019re actively playing with new ideas, making changes to your designs and testing those changes. Once your work in the sandbox is done and you have <a href=\"https:\/\/www.hostgator.com\/blog\/tips-website-design-converts-customers\/\">a site design<\/a> that you\u2019re ready to share, the demo site is where the client can log in, explore your site design and see how things work.&nbsp;<\/p>\n\n\n\n<p>Why not do your experimentation and development directly in your demo site before you share it with your clients? You can, and some developers do.&nbsp;<\/p>\n\n\n\n<p>But using a sandbox keeps your early stage work private until you\u2019re ready to share it. When you set up your sandbox in a local environment (more on that in a bit) you can work offline and see your changes immediately because you\u2019re not waiting for remote server updates.&nbsp;<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"h-setting-up-your-sandbox\">Setting up your sandbox<\/h2>\n\n\n\n<p>It\u2019s easy to set up your WordPress sandbox using <a href=\"https:\/\/varyingvagrantvagrants.org\/\" target=\"_blank\" rel=\"noopener\">VVV<\/a>, an 'open-source local development environment'\u009d that lets you import and store your themes and use templates to build your sites. VVV\u2019s Getting Started section takes you through all the software requirements, installation and startup.&nbsp;<\/p>\n\n\n\n<p>WordPress also has a tutorial that takes you through <a href=\"https:\/\/developer.wordpress.org\/themes\/getting-started\/setting-up-a-development-environment\/\" target=\"_blank\" rel=\"noopener\">setting up a local development environment<\/a>-either a local server stack or a virtualized environment like VVV. For the rest of this post, we\u2019ll focus on working with a demo site on a remote staging environment, but VVV is a great starting point for your build. You can use one of the pre-built test environments, or provision your own custom environment through the &#8216;vagrant-local\/config\/config.yml&#8217; file.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"800\" height=\"150\" src=\"https:\/\/www.hostgator.com\/blog\/wp-content\/uploads\/2021\/10\/vvv-custom-wordpress-environment.png\" alt=\"vvv custom site template\" class=\"wp-image-28616\" srcset=\"https:\/\/www.hostgator.com\/blog\/wp-content\/uploads\/2021\/10\/vvv-custom-wordpress-environment.png 800w, https:\/\/www.hostgator.com\/blog\/wp-content\/uploads\/2021\/10\/vvv-custom-wordpress-environment-300x56.png 300w, https:\/\/www.hostgator.com\/blog\/wp-content\/uploads\/2021\/10\/vvv-custom-wordpress-environment-768x144.png 768w\" sizes=\"(max-width: 800px) 100vw, 800px\" \/><figcaption><em>Image: VVV<\/em><\/figcaption><\/figure>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"596\" height=\"550\" src=\"https:\/\/www.hostgator.com\/blog\/wp-content\/uploads\/2021\/10\/provisioning-wordpress-test-site-through-vvv.png\" alt=\"provisioning test site through vvv\" class=\"wp-image-28617\" srcset=\"https:\/\/www.hostgator.com\/blog\/wp-content\/uploads\/2021\/10\/provisioning-wordpress-test-site-through-vvv.png 596w, https:\/\/www.hostgator.com\/blog\/wp-content\/uploads\/2021\/10\/provisioning-wordpress-test-site-through-vvv-300x277.png 300w\" sizes=\"(max-width: 596px) 100vw, 596px\" \/><\/figure>\n\n\n\n<p>Provisioning a test site through VVV generates a virtual WordPress installation. If you&#8217;re working with an existing WordPress site, you can export the .sql file for the client&#8217;s database through PHPMyAdmin and place it into &#8216;vagrant-local\/www\/your-VVV-test-environment\/public_html&#8217; directory so that your sandbox is working with their real data. That way, when you start building, change things or do updates, you know that what you\u2019re seeing locally is what you\u2019ll see on the site.&nbsp;<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"h-setting-up-wordpress-on-your-demo-site\">Setting up WordPress on your demo site&nbsp;<\/h2>\n\n\n\n<p>When should you set up your demo site? It depends, but it may help to go ahead and set it up before you\u2019re ready to share your work with your client, so you have everything ready to go when it\u2019s demo time. Once your demo site is up, you can make changes there if you like instead of in your sandbox.<\/p>\n\n\n\n<p>Where should your demo site live? The simplest place is a subdomain on your main website. I like to <a href=\"https:\/\/www.hostgator.com\/blog\/how-to-create-subdomain\/\">create subdomains<\/a> on my own URL so that it\u2019s obvious that the demo site is not the client\u2019s actual site.<\/p>\n\n\n\n<p>It&#8217;s super easy to use cPanel to set up a subdomain <a href=\"https:\/\/www.hostgator.com\/blog\/difference-between-vps-vs-dedicated-server-hosting\/\">on your VPS or dedicated server<\/a>.&nbsp;In cPanel, you\u2019ll find a field to type in your new subdomain\u2019s name.&nbsp;<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"695\" height=\"548\" src=\"https:\/\/www.hostgator.com\/blog\/wp-content\/uploads\/2021\/10\/create-a-subdomain-in-cpanel.png\" alt=\"create a subdomain in cpanel\" class=\"wp-image-28618\" srcset=\"https:\/\/www.hostgator.com\/blog\/wp-content\/uploads\/2021\/10\/create-a-subdomain-in-cpanel.png 695w, https:\/\/www.hostgator.com\/blog\/wp-content\/uploads\/2021\/10\/create-a-subdomain-in-cpanel-300x237.png 300w\" sizes=\"(max-width: 695px) 100vw, 695px\" \/><\/figure>\n\n\n\n<p>You can also remove the document root because it adds extra characters to the file name, and shorter file names are easier to find and remember. Once you create your demo subdomain, you can use cPanel\u2019s basic WordPress installer:<\/p>\n\n\n\n<ul class=\"wp-block-list\"><li>Scroll down to Web Applications and click on WordPress.<\/li><li>Select your new subdomain.<\/li><li>Add the password your client will use to access to demo site.&nbsp;<\/li><li>Select Finish and the installer will run.&nbsp;<\/li><\/ul>\n\n\n\n<p>Once it\u2019s done, it will take you to the WordPress dashboard on your new subdomain. From there, go to Settings, then Reading, then click <em>Discourage Search Engines from Indexing This Site<\/em>.&nbsp;<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"165\" src=\"https:\/\/www.hostgator.com\/blog\/wp-content\/uploads\/2021\/10\/wordpress-settings-discourage-search-engines-from-indexing-this-site-1024x165.png\" alt=\"wordpress settings discourage search engines from indexing this site\" class=\"wp-image-28619\" srcset=\"https:\/\/www.hostgator.com\/blog\/wp-content\/uploads\/2021\/10\/wordpress-settings-discourage-search-engines-from-indexing-this-site-1024x165.png 1024w, https:\/\/www.hostgator.com\/blog\/wp-content\/uploads\/2021\/10\/wordpress-settings-discourage-search-engines-from-indexing-this-site-300x48.png 300w, https:\/\/www.hostgator.com\/blog\/wp-content\/uploads\/2021\/10\/wordpress-settings-discourage-search-engines-from-indexing-this-site-768x123.png 768w, https:\/\/www.hostgator.com\/blog\/wp-content\/uploads\/2021\/10\/wordpress-settings-discourage-search-engines-from-indexing-this-site.png 1518w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"h-importing-your-content-into-your-demo-site\">Importing your content into your demo site<\/h2>\n\n\n\n<p>With WordPress running on your demo site, it\u2019s time to add the content you want your clients to see, whether that\u2019s dummy content or their actual content. To import test content:<\/p>\n\n\n\n<ul class=\"wp-block-list\"><li>Download a copy of the Theme Unit Test Data XML <a href=\"https:\/\/codex.wordpress.org\/Theme_Unit_Test\" target=\"_blank\" rel=\"noopener\">here<\/a>.<\/li><li>Go to Tools &gt; Import.<\/li><li>Select (or install) the WordPress Importer.<\/li><li>Upload the XML file you downloaded in Step 1.<\/li><\/ul>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"607\" src=\"https:\/\/www.hostgator.com\/blog\/wp-content\/uploads\/2021\/10\/import-content-into-wordpress-demo-site-1024x607.png\" alt=\"import content into wordpress demo site\" class=\"wp-image-28620\" srcset=\"https:\/\/www.hostgator.com\/blog\/wp-content\/uploads\/2021\/10\/import-content-into-wordpress-demo-site-1024x607.png 1024w, https:\/\/www.hostgator.com\/blog\/wp-content\/uploads\/2021\/10\/import-content-into-wordpress-demo-site-300x178.png 300w, https:\/\/www.hostgator.com\/blog\/wp-content\/uploads\/2021\/10\/import-content-into-wordpress-demo-site-768x456.png 768w, https:\/\/www.hostgator.com\/blog\/wp-content\/uploads\/2021\/10\/import-content-into-wordpress-demo-site.png 1219w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>Sometimes it takes a while to import all the data, but once that\u2019s done it populates the blog and any other site pages. Now you\u2019ll see that your demo site contains a bunch of random posts, alternate character keyboards for different for different language regions, and other content.&nbsp;<\/p>\n\n\n\n<p>You can also import the theme you want to use for the client site. I typically use an FTP client to do this, like FileZilla or Transmit. If I&#8217;ve already started working on the theme locally, I will navigate to the wp-content\/themes folder in my VVV sandbox and drag-and-drop my custom theme&#8217;s folder into the matching directory on the server. You can also compress the theme into a .zip file and upload through the WordPress dashboard from the Appearance &gt; Themes menu.<\/p>\n\n\n\n<p>After it uploads, you can activate your theme in the WordPress dashboard, see how it looks on your demo site and start making the site beautiful.&nbsp;<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"h-password-protecting-your-demo-site\">Password protecting your demo site<\/h2>\n\n\n\n<p>It\u2019s always a good idea to limit access to your demo site to the client and other people who really need to see it-that\u2019s why we clicked <em>Discourage Search Engines<\/em> during the WordPress install. You can also tag the demo site\u2019s robots.txt file to nofollow to encourage web crawlers to skip it.&nbsp;<\/p>\n\n\n\n<p>You\u2019ll also want to password-protect the site so that only authorized users can log in. I typically use the SeedProd plugin to <a href=\"https:\/\/www.hostgator.com\/blog\/create-coming-soon-page-website\/\">create a gateway page<\/a> that requires a password to enter.&nbsp;<\/p>\n\n\n\n<p><strong>Pro tip:<\/strong> The pro version of SeedProd lets you target specific directories and pages. You could use this option if you want to <a href=\"https:\/\/www.hostgator.com\/blog\/resources\/how-to-start-an-online-store-ebook\/\">launch an eCommerce store<\/a> on an existing site. That way you don\u2019t have to take then entire site down to demo the store in a protected environment.&nbsp;<\/p>\n\n\n\n<p>Once you have the gateway page you can provide the client with their own WordPress login so they can browse the demo, ask questions, make any change requests and ultimately sign off on the final design.&nbsp;<\/p>\n\n\n\n<p><strong><em>Ready to build WordPress sites for your clients? <\/em><\/strong>Set up your sandbox and demo sites with our <a href=\"https:\/\/www.hostgator.com\/vps-hosting\">VPS hosting plans<\/a>.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>OK, WordPress developers. Let\u2019s say you\u2019ve been building your own themes and now it\u2019s time to build websites for your&#8230;<\/p>\n","protected":false},"author":190,"featured_media":28661,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[19],"tags":[54,134,125,121],"class_list":["post-28598","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-web-and-hosting-tips","tag-dedicated-servers","tag-next-level-wordpress","tag-vps-hosting","tag-wordpress-hosting"],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v23.2 (Yoast SEO v23.2) - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>How (and Why) You Can Set Up WordPress Sandboxes and Demo Sites - HostGator<\/title>\n<meta name=\"description\" content=\"If you\u00e2\u20ac\u2122re building WordPress themes for your clients, you need a sandbox\/development environment and a demo site. Here&#039;s how to set them up.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.hostgator.com\/blog\/setup-wordpress-sandbox-demo-site\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"How (and Why) You Can Set Up WordPress Sandboxes and Demo Sites\" \/>\n<meta property=\"og:description\" content=\"If you\u00e2\u20ac\u2122re building WordPress themes for your clients, you need a sandbox\/development environment and a demo site. Here&#039;s how to set them up.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.hostgator.com\/blog\/setup-wordpress-sandbox-demo-site\/\" \/>\n<meta property=\"og:site_name\" content=\"HostGator\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/HostGator\" \/>\n<meta property=\"article:author\" content=\"https:\/\/www.facebook.com\/samjeansoper\/\u00c2\u00a0\" \/>\n<meta property=\"article:published_time\" content=\"2021-10-26T20:55:06+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2021-10-26T20:55:20+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.hostgator.com\/blog\/wp-content\/\/uploads\/2021\/10\/How-to-set-up-a-testing-environment.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"1200\" \/>\n\t<meta property=\"og:image:height\" content=\"629\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Samantha Soper\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@samjeansoper\" \/>\n<meta name=\"twitter:site\" content=\"@HostGator\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Samantha Soper\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"6 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/www.hostgator.com\/blog\/setup-wordpress-sandbox-demo-site\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/www.hostgator.com\/blog\/setup-wordpress-sandbox-demo-site\/\"},\"author\":{\"name\":\"Samantha Soper\",\"@id\":\"https:\/\/www.hostgator.com\/blog\/#\/schema\/person\/1518b3e081314da91f8fcd8861e56b7c\"},\"headline\":\"How (and Why) You Can Set Up WordPress Sandboxes and Demo Sites\",\"datePublished\":\"2021-10-26T20:55:06+00:00\",\"dateModified\":\"2021-10-26T20:55:20+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/www.hostgator.com\/blog\/setup-wordpress-sandbox-demo-site\/\"},\"wordCount\":1144,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/www.hostgator.com\/blog\/#organization\"},\"image\":{\"@id\":\"https:\/\/www.hostgator.com\/blog\/setup-wordpress-sandbox-demo-site\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.hostgator.com\/blog\/wp-content\/uploads\/2021\/10\/How-to-set-up-a-testing-environment.jpg\",\"keywords\":[\"Dedicated Servers\",\"Next Level WordPress\",\"VPS Hosting\",\"WordPress Hosting\"],\"articleSection\":[\"Web Hosting Tips\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/www.hostgator.com\/blog\/setup-wordpress-sandbox-demo-site\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.hostgator.com\/blog\/setup-wordpress-sandbox-demo-site\/\",\"url\":\"https:\/\/www.hostgator.com\/blog\/setup-wordpress-sandbox-demo-site\/\",\"name\":\"How (and Why) You Can Set Up WordPress Sandboxes and Demo Sites - HostGator\",\"isPartOf\":{\"@id\":\"https:\/\/www.hostgator.com\/blog\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/www.hostgator.com\/blog\/setup-wordpress-sandbox-demo-site\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/www.hostgator.com\/blog\/setup-wordpress-sandbox-demo-site\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.hostgator.com\/blog\/wp-content\/uploads\/2021\/10\/How-to-set-up-a-testing-environment.jpg\",\"datePublished\":\"2021-10-26T20:55:06+00:00\",\"dateModified\":\"2021-10-26T20:55:20+00:00\",\"description\":\"If you\u00e2\u20ac\u2122re building WordPress themes for your clients, you need a sandbox\/development environment and a demo site. Here's how to set them up.\",\"breadcrumb\":{\"@id\":\"https:\/\/www.hostgator.com\/blog\/setup-wordpress-sandbox-demo-site\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.hostgator.com\/blog\/setup-wordpress-sandbox-demo-site\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.hostgator.com\/blog\/setup-wordpress-sandbox-demo-site\/#primaryimage\",\"url\":\"https:\/\/www.hostgator.com\/blog\/wp-content\/uploads\/2021\/10\/How-to-set-up-a-testing-environment.jpg\",\"contentUrl\":\"https:\/\/www.hostgator.com\/blog\/wp-content\/uploads\/2021\/10\/How-to-set-up-a-testing-environment.jpg\",\"width\":1200,\"height\":629,\"caption\":\"How to set up a testing environment in wordpress\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.hostgator.com\/blog\/setup-wordpress-sandbox-demo-site\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/www.hostgator.com\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"How (and Why) You Can Set Up WordPress Sandboxes and Demo Sites\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.hostgator.com\/blog\/#website\",\"url\":\"https:\/\/www.hostgator.com\/blog\/\",\"name\":\"HostGtaor\",\"description\":\"Web Hosting and Marketing Tips for Entrepreneurs\",\"publisher\":{\"@id\":\"https:\/\/www.hostgator.com\/blog\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/www.hostgator.com\/blog\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/www.hostgator.com\/blog\/#organization\",\"name\":\"HostGtaor\",\"url\":\"https:\/\/www.hostgator.com\/blog\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.hostgator.com\/blog\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/www.hostgator.com\/blog\/wp-content\/uploads\/2019\/04\/cropped-HG-Logo_default-default.png\",\"contentUrl\":\"https:\/\/www.hostgator.com\/blog\/wp-content\/uploads\/2019\/04\/cropped-HG-Logo_default-default.png\",\"width\":1092,\"height\":215,\"caption\":\"HostGtaor\"},\"image\":{\"@id\":\"https:\/\/www.hostgator.com\/blog\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/HostGator\",\"https:\/\/x.com\/HostGator\",\"https:\/\/www.instagram.com\/hostgator\",\"https:\/\/www.linkedin.com\/company\/hostgator-com\",\"https:\/\/www.pinterest.com\/hostgator\/\",\"https:\/\/www.youtube.com\/user\/hostgator\"],\"email\":\"support@gator.com\"},{\"@type\":\"Person\",\"@id\":\"https:\/\/www.hostgator.com\/blog\/#\/schema\/person\/1518b3e081314da91f8fcd8861e56b7c\",\"name\":\"Samantha Soper\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.hostgator.com\/blog\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/5f75036ce61011e6b2490bdc6c92fb9f?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/5f75036ce61011e6b2490bdc6c92fb9f?s=96&d=mm&r=g\",\"caption\":\"Samantha Soper\"},\"description\":\"Samantha Soper is a freelance UX strategist, front-end developer, and creative consultant, working with businesses and non-profits of all sizes to help manage their online presence and brand experience. She also runs a mural art and illustration\u00c2\u00a0business. Related links at: samsoper.art\/links\/\",\"sameAs\":[\"https:\/\/samanthasoper.com\/\",\"https:\/\/www.facebook.com\/samjeansoper\/\u00c2\u00a0\",\"https:\/\/www.instagram.com\/samsoper.art\/\",\"https:\/\/www.linkedin.com\/in\/samanthasoper\/\",\"https:\/\/x.com\/samjeansoper\",\"https:\/\/www.youtube.com\/channel\/UC9xt-5Jbq3aq24VGCtmYEfg\"],\"url\":\"https:\/\/www.hostgator.com\/blog\/author\/ssoper\/\"}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"How (and Why) You Can Set Up WordPress Sandboxes and Demo Sites - HostGator","description":"If you\u00e2\u20ac\u2122re building WordPress themes for your clients, you need a sandbox\/development environment and a demo site. Here's how to set them up.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.hostgator.com\/blog\/setup-wordpress-sandbox-demo-site\/","og_locale":"en_US","og_type":"article","og_title":"How (and Why) You Can Set Up WordPress Sandboxes and Demo Sites","og_description":"If you\u00e2\u20ac\u2122re building WordPress themes for your clients, you need a sandbox\/development environment and a demo site. Here's how to set them up.","og_url":"https:\/\/www.hostgator.com\/blog\/setup-wordpress-sandbox-demo-site\/","og_site_name":"HostGator","article_publisher":"https:\/\/www.facebook.com\/HostGator","article_author":"https:\/\/www.facebook.com\/samjeansoper\/\u00c2\u00a0","article_published_time":"2021-10-26T20:55:06+00:00","article_modified_time":"2021-10-26T20:55:20+00:00","og_image":[{"width":1200,"height":629,"url":"https:\/\/www.hostgator.com\/blog\/wp-content\/\/uploads\/2021\/10\/How-to-set-up-a-testing-environment.jpg","type":"image\/jpeg"}],"author":"Samantha Soper","twitter_card":"summary_large_image","twitter_creator":"@samjeansoper","twitter_site":"@HostGator","twitter_misc":{"Written by":"Samantha Soper","Est. reading time":"6 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.hostgator.com\/blog\/setup-wordpress-sandbox-demo-site\/#article","isPartOf":{"@id":"https:\/\/www.hostgator.com\/blog\/setup-wordpress-sandbox-demo-site\/"},"author":{"name":"Samantha Soper","@id":"https:\/\/www.hostgator.com\/blog\/#\/schema\/person\/1518b3e081314da91f8fcd8861e56b7c"},"headline":"How (and Why) You Can Set Up WordPress Sandboxes and Demo Sites","datePublished":"2021-10-26T20:55:06+00:00","dateModified":"2021-10-26T20:55:20+00:00","mainEntityOfPage":{"@id":"https:\/\/www.hostgator.com\/blog\/setup-wordpress-sandbox-demo-site\/"},"wordCount":1144,"commentCount":0,"publisher":{"@id":"https:\/\/www.hostgator.com\/blog\/#organization"},"image":{"@id":"https:\/\/www.hostgator.com\/blog\/setup-wordpress-sandbox-demo-site\/#primaryimage"},"thumbnailUrl":"https:\/\/www.hostgator.com\/blog\/wp-content\/uploads\/2021\/10\/How-to-set-up-a-testing-environment.jpg","keywords":["Dedicated Servers","Next Level WordPress","VPS Hosting","WordPress Hosting"],"articleSection":["Web Hosting Tips"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/www.hostgator.com\/blog\/setup-wordpress-sandbox-demo-site\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/www.hostgator.com\/blog\/setup-wordpress-sandbox-demo-site\/","url":"https:\/\/www.hostgator.com\/blog\/setup-wordpress-sandbox-demo-site\/","name":"How (and Why) You Can Set Up WordPress Sandboxes and Demo Sites - HostGator","isPartOf":{"@id":"https:\/\/www.hostgator.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.hostgator.com\/blog\/setup-wordpress-sandbox-demo-site\/#primaryimage"},"image":{"@id":"https:\/\/www.hostgator.com\/blog\/setup-wordpress-sandbox-demo-site\/#primaryimage"},"thumbnailUrl":"https:\/\/www.hostgator.com\/blog\/wp-content\/uploads\/2021\/10\/How-to-set-up-a-testing-environment.jpg","datePublished":"2021-10-26T20:55:06+00:00","dateModified":"2021-10-26T20:55:20+00:00","description":"If you\u00e2\u20ac\u2122re building WordPress themes for your clients, you need a sandbox\/development environment and a demo site. Here's how to set them up.","breadcrumb":{"@id":"https:\/\/www.hostgator.com\/blog\/setup-wordpress-sandbox-demo-site\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.hostgator.com\/blog\/setup-wordpress-sandbox-demo-site\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.hostgator.com\/blog\/setup-wordpress-sandbox-demo-site\/#primaryimage","url":"https:\/\/www.hostgator.com\/blog\/wp-content\/uploads\/2021\/10\/How-to-set-up-a-testing-environment.jpg","contentUrl":"https:\/\/www.hostgator.com\/blog\/wp-content\/uploads\/2021\/10\/How-to-set-up-a-testing-environment.jpg","width":1200,"height":629,"caption":"How to set up a testing environment in wordpress"},{"@type":"BreadcrumbList","@id":"https:\/\/www.hostgator.com\/blog\/setup-wordpress-sandbox-demo-site\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.hostgator.com\/blog\/"},{"@type":"ListItem","position":2,"name":"How (and Why) You Can Set Up WordPress Sandboxes and Demo Sites"}]},{"@type":"WebSite","@id":"https:\/\/www.hostgator.com\/blog\/#website","url":"https:\/\/www.hostgator.com\/blog\/","name":"HostGtaor","description":"Web Hosting and Marketing Tips for Entrepreneurs","publisher":{"@id":"https:\/\/www.hostgator.com\/blog\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.hostgator.com\/blog\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/www.hostgator.com\/blog\/#organization","name":"HostGtaor","url":"https:\/\/www.hostgator.com\/blog\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.hostgator.com\/blog\/#\/schema\/logo\/image\/","url":"https:\/\/www.hostgator.com\/blog\/wp-content\/uploads\/2019\/04\/cropped-HG-Logo_default-default.png","contentUrl":"https:\/\/www.hostgator.com\/blog\/wp-content\/uploads\/2019\/04\/cropped-HG-Logo_default-default.png","width":1092,"height":215,"caption":"HostGtaor"},"image":{"@id":"https:\/\/www.hostgator.com\/blog\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/HostGator","https:\/\/x.com\/HostGator","https:\/\/www.instagram.com\/hostgator","https:\/\/www.linkedin.com\/company\/hostgator-com","https:\/\/www.pinterest.com\/hostgator\/","https:\/\/www.youtube.com\/user\/hostgator"],"email":"support@gator.com"},{"@type":"Person","@id":"https:\/\/www.hostgator.com\/blog\/#\/schema\/person\/1518b3e081314da91f8fcd8861e56b7c","name":"Samantha Soper","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.hostgator.com\/blog\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/5f75036ce61011e6b2490bdc6c92fb9f?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/5f75036ce61011e6b2490bdc6c92fb9f?s=96&d=mm&r=g","caption":"Samantha Soper"},"description":"Samantha Soper is a freelance UX strategist, front-end developer, and creative consultant, working with businesses and non-profits of all sizes to help manage their online presence and brand experience. She also runs a mural art and illustration\u00c2\u00a0business. Related links at: samsoper.art\/links\/","sameAs":["https:\/\/samanthasoper.com\/","https:\/\/www.facebook.com\/samjeansoper\/\u00c2\u00a0","https:\/\/www.instagram.com\/samsoper.art\/","https:\/\/www.linkedin.com\/in\/samanthasoper\/","https:\/\/x.com\/samjeansoper","https:\/\/www.youtube.com\/channel\/UC9xt-5Jbq3aq24VGCtmYEfg"],"url":"https:\/\/www.hostgator.com\/blog\/author\/ssoper\/"}]}},"_links":{"self":[{"href":"https:\/\/www.hostgator.com\/blog\/wp-json\/wp\/v2\/posts\/28598"}],"collection":[{"href":"https:\/\/www.hostgator.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.hostgator.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.hostgator.com\/blog\/wp-json\/wp\/v2\/users\/190"}],"replies":[{"embeddable":true,"href":"https:\/\/www.hostgator.com\/blog\/wp-json\/wp\/v2\/comments?post=28598"}],"version-history":[{"count":1,"href":"https:\/\/www.hostgator.com\/blog\/wp-json\/wp\/v2\/posts\/28598\/revisions"}],"predecessor-version":[{"id":28621,"href":"https:\/\/www.hostgator.com\/blog\/wp-json\/wp\/v2\/posts\/28598\/revisions\/28621"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.hostgator.com\/blog\/wp-json\/wp\/v2\/media\/28661"}],"wp:attachment":[{"href":"https:\/\/www.hostgator.com\/blog\/wp-json\/wp\/v2\/media?parent=28598"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.hostgator.com\/blog\/wp-json\/wp\/v2\/categories?post=28598"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.hostgator.com\/blog\/wp-json\/wp\/v2\/tags?post=28598"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}