Build your new homepage on a staging site

Key takeaways

A staging site is a private copy of your website where you can build and test a new homepage without affecting live visitors. Many hosts offer one in a click. Keep it hidden from search engines, test forms and tracking there, and only then publish, so a mistake never reaches your customers.

• A staging site is a private copy of your website.
• Many managed hosts include one-click staging.
• Block search engines with a password, not just a tag.
• Remove any blocks when publishing to live.

What is a staging site?

A staging site is a working copy of a website, kept away from the public, used to build and test changes safely. It behaves like the real site, so you can see how a new homepage looks, loads and submits forms before visitors ever see it. Developers treat it as standard practice.

• How to create a high-converting homepage for an SME
• Plan a rollback before you change your homepage

How do you set one up?

Check your hosting control panel first, because many managed WordPress hosts offer staging in one click. Shopify lets you duplicate a theme and preview it. On Wix or Squarespace, you can usually edit and preview before you publish, or duplicate the site. A developer can set up staging on any hosting.

• Create a WordPress homepage that converts
• Create a Shopify homepage that sells

How do you keep staging out of Google?

Protect the staging site with a password, which is the most reliable option. A noindex tag helps, but Google must still crawl the page to see it, and robots.txt on its own does not guarantee that a URL stays out of results. Stray staging pages can compete with your real site.

• New homepage not showing on Google? Check these first

What should you test on staging?

Test the page on a real phone, run speed checks, submit the form and click each link. Check that third-party tools, such as booking widgets and chat, work on the staging address. Some tools only work on the live domain, so list what you will need to re-test after you publish.

• Layout on a real phone and a laptop.
• PageSpeed Insights, if the page can be reached.
• Form submission and notification email.
• Every link and button destination.
• Booking, chat and any embedded tools.

• Test your homepage enquiry route from end to end
• Which devices should you test your website on?

What goes wrong when publishing?

The classic error is pushing a noindex tag or 'discourage search engines' setting to the live site, which can quietly remove you from Google. Other risks include overwriting recent orders or form entries on a database-driven site. Take a backup first, and check the live page immediately afterwards.

• Website launch checklist: before, during and after

When can you skip staging?

Skip it for small text edits on a site with good backups. On hosted builders, the built-in preview often does the job. You should use staging for any full homepage replacement, a theme change or a plugin update on a site that takes orders or relies on enquiries.

• Change one thing at a time: a homepage change log

What does this look like in practice?

A pattern worth checking after any launch: traffic falls slowly over a few weeks, and nobody connects it to the redesign, because a 'discourage search engines' setting from the staging build went live with the page. It takes seconds to check and can cost months if missed.

• See client work
• Website Design & Development for UK businesses

Homepage staging checklist

• Confirm whether your host offers staging.
• Password-protect the staging site.
• Build and test the new page there.
• Take a full backup before publishing.
• Remove noindex and search-blocking settings.
• Re-test the form on the live site.

• AI homepage builders: what to keep and what to rewrite
• A homepage copy template you can fill in

Next step

Find out today whether your host offers staging, before you need it. If it does not, ask your developer how they would test a homepage without touching the live site.