Better Website Process With The HubSpot Content Staging Tool

Trying to build a better website design or updating process for your company?

Have you ever edited the live pages of your website vs. using a cloned site or a content staging area? Do you break out into a cold sweat each time worried that a change you are making may break the page or entire site?

 The HubSpot content staging tool is for the HubSpot CMS and can be used for landing pages and website pages. It in no way connects to your external CMS like Joomla, WordPress, or whatever else you may be using as your CMS.

With that out of the way, what is HubSpot Content Staging? Well, the Content Staging tool helps make bulk publishing or replacing pages on your website super simple. Combined with HubSpot Themes and modules it is even really, really, super, simple.

It’s so simple that when you’re ready to put your updated or new pages live, you’ll only have to click one bright orange publish button (and well, then one or two more buttons to confirm that you really meant to click that publish button). But hey, better to be safe than sorry!

Content Staging also helps you organize your new pages better by keeping them in a dedicated “dashboard-like area” and away from your live published pages. You see, these staged pages are hosted on a temporary HubSpot domain that will ensure your visitor's users will never see anything before you’re ready to do the grand reveal.

Ready to jump in and see how it works? Then hit that play button.

Audio

About the Expert

George B. Thomas

George B. Thomas is an Inbound Marketing Marketer, Video Jedi, and HubSpot Certified Trainer with more than 25 years of sales and marketing experience. He leads the Impulse Creative crew in HubSpot certifications with 30 certifications including Inbound, Email, Contextual, and Content Marketing.

George utilizes his love of teaching and learning to help companies find their way to growth via workshops, speaking engagements, business audits, and of course, Sprocket Talk.

roll-angle

Full Transcript

0:00
Have you ever edited the live pages of your website versus using a clone site or a content staging area do you break out into a cold sweat each time worried that a change that you're making may break the page or the entire website and then the rest of the day you're spent running around like a chicken with your head cut off okay, that's a pretty strong visual but editing on live website pages as a definite negative but arrest easy my friend because in this video I'm going to show you how to use hub spots content staging tools, so that you can make your website pages amazing all in a nice hidden simple to use system without the worry of your visitors ever knowing you're hard at work for their benefit. Hey, you know what time it is. Now it has to be said the HubSpot content staging tool is for the HubSpot CMS and can be used for landing pages and website pages it in no way connects to your external CMS like Joomla, WordPress or whatever else you may be using as a CMS. Now with that out of the way, what is HubSpot content staging? Well, the content staging tool helps you make bulk publishing or replacing pages on your website. Super simple. and combine that with HubSpot themes and modules. It's even really, really super simple. As a matter of fact, it's so simple that when you're ready to put your update to the new pages live, you only have to click one bright orange Publish button. And then well one or two more buttons to confirm that you actually really meant to click that Publish button. But anyway, hey, better to be safe than sorry, I always say content staging also helps you organize your new pages better by keeping them in a dedicated dashboard like area. And away from your live publish pages. You see these stage pages are hosted on a temporary HubSpot domain that will ensure your visitors or users will never see anything before you're ready to do the grand reveal. So are you ready to jump in and see how it works? Me too. Let's get in to the good stuff.

So here we are in our hub. And we're going to be talking about content staging, you can get to content staging from website and a landing page tab. What's fun is when you first get in here, you might think that you could come to a certain page, you might be able to hit this more and actually be able to send that page to being a stage page. But that's really not how the system works. So what you're going to do again, on the website, or Landing Page tab is you're going to go down to more tools. And you're going to see that we have content staging, we'll go ahead and go to content staging. First thing that you need to know is that you can pick and should pick the domain that you're actually trying to work with with that stage page. So in this case, I will use HubSpot functionality, search functionality, and I will start to search for sprocket talk. And I'll grab sprocket talk, now that I'm on that domain, I have a couple of things at my fingertips here. One, I can filter web pages versus landing pages of what I'm trying to edit. And two, I have the search functionality. So I can actually search for a certain page. So in this case, I'm going to do the homepage. So we've got sprocket talk home, a couple of things to know going through this flow. This left sidebar is really almost like a waterfall scenario. And what I mean by that is right now in unmodified, I can find the homepage. But if I go ahead and stage this page, and I'm going to go ahead and do a staged clone page, because I want everything, videos, text images to come along for the ride, I'm going to go ahead and do that. Now if I did want to create a fully brand new page, dump it out, start from fresh, I can't do blank page. But I'm going to do stage clone page, Ms stage that page. But you're going to see now when I come back from this, so I'll go ahead and hit save and exit we'll come back into the page in a minute. But as I come back in here, and I go back to sprocket talk, because that's what I'm working with. And I look in unmodified for home notice home actually isn't found because home is now going to be in the staged draft. And if I actually go ahead and do this more and publish to staging domain, notice home actually isn't even going to show up in the draft because it's going to be in the stage proof. Now the reason this is because you don't want to have two versions of the same clone page, because that would get confusing. So you can only have one stage two page at a time. And it's going to go through this flow of unmodified to draft and from draft to prove, and we'll talk about how you actually publish it here in a minute. But if I go ahead and do more and delete here in this tab, or if I select it here, I can either revert it back to stage draft or delete it, I'm going to go ahead and revert it back to stage draft. And I say yes and revert to draft. And now notice if I come back up here, home is here. So that's how the left hand sidebar kind of works. If I come into the actual page, meaning I want to edit it, I can come here and I could make a slight change. So I'll come maybe down here and I'll say let's go instead of learning Once I have that, I can go ahead and hit Publish to staging. Now, let me just be completely honest with you, you would be doing a more dramatic change. And you'd probably be doing that dramatic change off of data testing or something. For instance, maybe we realize that this unlimited HubSpot tutorials is one of the most popularly click things. And so we want it to be the first thing that they get to well, we could then go ahead and we can grab the column over here. And we could say, you know what, let's go ahead and put that over here to the left, boom. And now we're going to have unlimited opswat tutorials beyond the left interview experts on the middle and full course access on the right now we'll go ahead and publish these changes. Now the cool thing about that is, again, if we come back to sprocket talk, and we go to our stage proof, we now have the homepage here. And if we click View, we're going to be able to view that homepage with the changes right here. Or if we open up the real sprocket talk or live page, we're gonna be able to see that it's still the way that it was. So the magic piece of stage pages is you can make all of your changes, you can share preview links with people to be able to see those pages, you can get the approval, and then you can publish those changes, and everybody else on the internet has no clue that you've been hard at work, making it a better user experience for them the entire time. It's been hidden in stage pages. So once we've got that approval, what do we do?

Well, again, it's kind of confusing, because you think you could take this and then publish it. But nope, that was reverted trash, you think you could do more and publish it? No, that's not really the way it works. Again, up here, there's manage publishing log. And once we're in stage proof, we can actually hit Publish. And then we can see that we can have sprocket talk home. And now we can take it here. And notice we can actually publish to live domain or we can hover over here on the right, and we can hit Publish. And now we get this area where we can describe your publishing job. So we'll just go ahead and do that real quick. And so in this case, I'm calling a sprocket talk new homepage. And then I want to give it a description. And so in this case, I'm going to say move the center bucket to the left for a better user experience. And of course, I would get as specific as possible in this description. So you know what's changed, why it's changed all of the good pieces there. But once you're done, we can go ahead and hit into step two of three steps, which is next, where we review the publishing task, we say, Yep, we've reviewed these changes, and we're ready to publish. And now we can say publish changes. Once we do that, we'll see that we've staging job has been scheduled successfully, we'll hit Done. And now if I come over to the live page and refresh, of course, what we're going to be able to see is now our adjustments are actually live for the world to see. So again, a couple things, make sure you're working in the domain that you need to be working in, make sure you understand that it's a waterflow process from unmodified stage draft Sage proof, make sure you're filtering out website and landing pages to find things quicker or use the search functionality, as well as understanding publishing as always the Publish tab, and log is being able to historically see what you change. One last thing as I send you back on your way, maybe there isn't a page in here or you're trying to create a new page, well, then that's going to be create new page. And then you can pick landing page or site page. So in this case, we'll do test page and we'll stage a new site page. And this is going to take you into where you can actually pick the theme and the layout that you want. And of course then you would be off to the races like you normally would be in HubSpot. As you can see the content staging tool is a simple to use tool with a ton of value. So make sure your team is leveraging in its website design and update process. Also, if you're not using the HubSpot, CMS pro or enterprise and you have questions, make sure you let us know also make sure you're focused on building the best site possible. Always think about your customer experience. And never ever edit on a live page versus using your HubSpot CMS content staging tools From this day forth. Did I sound like the king of Hublandia Well, that's an entirely different video. So in closing, remember, be a happy, helpful, humble human and I'll see you in the next video.