Updating current website in Dev

We’re in the process of updating key website pages and the homepage, plus the Nav/Footer on our website.

What we’re looking to get help with:

  • Rather than updating individual pages to content staging, we want to have a replica of our current site, so we can build new/amend pages and look at the new UX and UI. Then ideally, push the new/amended pages to live. Is this possible? How do we do it?
  • We need to change our existing Nav/Footer. But how do we do this, without changing the current live Nav?

Can anyone give any guidance on the best approach to tackle this project please? Thanks

Hey @LWorthy !

Yes, this is possible in HubSpot, but it needs to be handled in a specific way. HubSpot doesn’t offer a true “full site clone” or staging environment, so the approach is page- and theme based.

  • You can clone your existing pages and keep them unpublished or publish them to a staging subdomain to redesign layouts, content, UX and UI safely. Once approved, those pages can be published to live.
  • For the nav/footer, if it’s built as a global module or global partial, any change will immediately affect the live site. To avoid this, the best approach is to clone the current theme, create a new version of the header/footer in that theme, and use it only on the cloned or staging pages.
  • Build and review the new pages using the cloned theme and updated nav/footer, then switch live pages to the new theme when you’re ready to go live.

The key thing to be aware of is that HubSpot doesn’t allow pushing the entire site live in one click ( rollout is done by publishing pages or reassigning themes), so a bit of planning upfront makes the process much smoother.

If you need a second hand support on this on ZUID we can help!

Carolina De Mares

CarolinaDeMares_1-1769100842581.gif

ZUID.
Goirkekanaaldijk 12
5046 AT Tilburg
Nederland

Hey! I totally get what you’re trying to do.

Yes, this is definitely possible in HubSpot. The best way to approach it is to clone your current theme or templates so you’re not making changes to the live site while you’re building.

Here’s how I’d go about it:

1. Clone your theme or templates
This lets you safely update the nav, footer, and page layouts without touching what’s live. You can do this in Design Tools by finding your current theme, cloning it into a new folder, and using that for your updates.

2. Use Content Staging
Go to Website > Content Staging and clone the pages you want to update. Then apply your cloned theme so you can build, test, and preview the new UX and UI in a safe space before anything is published.

3. Update the nav and footer in the cloned theme
These are usually global modules, so if you edit the originals, those changes will go live everywhere. By editing the versions in your cloned theme, you can preview and test the updated nav and footer without affecting the current site.

4. Publish when everything is ready
Once the new pages and navigation are good to go, you can either publish them directly from Content Staging or assign the updated templates to your existing live pages.

Hope that helps. Let me know if you need a hend getting it set up.

Hi,
Yes, this is absolutely possible. The best approach is to clone your existing templates or pages into a staging or sandbox environment and make all UX and UI changes there, then publish once approved. For the navigation and footer, create separate cloned global modules and assign them only to the staging templates so your live site remains unaffected until you are ready to switch.

This allows safe testing without impacting production.
Pankaj