How to Redesign Your Existing HubSpot Website

Redesigning your website can feel like defusing a bomb—one wrong move and BOOM, chaos. But don’t sweat it. HubSpot’s Content Staging feature is here to save your nerves (and your live site). Let me walk you through it.

Step 1: Create Your Child Theme

Don’t have a child theme yet? No worries, I’ve got a handy tutorial and video on that process right here. Go check that out, then come back. I’ll wait.

Step 2: Access Content Staging

HubSpot didn’t exactly roll out the red carpet for this feature—it’s a bit hidden.

• Go to your Website Pages list.
• Click the More Tools button in the top-right corner.
• There it is: Content Staging. 

Once inside, you’ll see three sections:

• Unmodified: Your current live pages.
• Staged Draft: Pages you’re working on but haven’t yet “Published to Staging.”
• Staged Proof: Pages that are ready to go live when you’re ready to pull the trigger.

Step 3: Stage Each Page You Plan to Redesign

Pick a page from the Unmodified list and click the Stage button.

• If you’re switching from another theme to Clean Pro, choose Stage a Blank Page.
• When asked to select a template, double-check that your Child Theme is selected.

Now you’re free to let your creativity run wild. Build, design, and make that page shine.

Step 4: Check Your Meta Data and URL

Good news: when you stage a page, its existing Page Title, Meta Description, and URL will carry over automatically.

If you decide to update the URL, make sure you create a URL Redirect once your site goes live. This keeps old links and search results from sending visitors to the dreaded 404 error page.

Step 5: Publish Your Completed Page to Staging

Finished designing? Hit that glorious Publish to Staging button. This moves your masterpiece to the Staged Proof list, meaning it’s locked, loaded, and ready for review or to go live.

Step 6: Publish Your Redesigned Website

Once everything’s looking sleek and stylish in the Staged Proof section, click the Publish tab.

• Select the pages you want to publish.
• Click the big, bold Publish button.
• Add a note about this new version (future you will thank you for this).

And That’s It!

You did it! Your redesigned website is live, and you didn’t accidentally blow up your existing one. You’re basically a web design ninja now. Go celebrate. You’ve earned it.