REQUEST A FREE 30 MINUTE MARKETING AUDIT

Call us now on 0161 7110 110

04 Oct 2016

How easy is it to use HubSpot CMS?

How-Easy-Is-It-To-Use-HubSpot-CMS.png

HubSpot CMS system is a very different content management system from other content management systems. Its main purpose in life is to allow the creation and editing of website pages quickly and easily. And that doesn’t mean by designers and developers.

HubSpot has had a CMS in one form or another in the 10 years it’s been up and running. The early editions of their editors left a lot to be desired. As a seasoned developer even I found it an absolute nightmare to try an piece together landing pages, lord only knows how I’d have gotten on trying to put a whole website in there. If you search in general about the HubSpot CMS, you often get a collection of screen shots from the old system, so you get a chance to see how clunky and unfriendly the whole thing was.

HubSpot were well aware of the limitations of their system so embarked on creating a new system called HubSpot CMS. Content management systems are a tricky beast, often they need to be capable of doing so many different jobs, they end up not being very good at any of them. The great thing with HubSpot was they had a very straightforward brief: Create a content management system that could be used for marketing. Simple!

It is true though, there’s lots of bits of ancillary functions that you get in content management systems that just cloud what’s actually important when it comes to marketing online. Don’t get me wrong, HubSpot CMS is packed with features, it just tends to do away with so much of the periphery you get in other systems, allowing you to get on with the making the site great, and a great success.

WordPress has a raft of plugins and templates available so you can lift right off the shelf a site and get going, but again, it’s not focussed and concerned with ensuring you’re doing your online marketing right. Its not guiding your hand and picking out what’s important with your website pages, so invariably, unless you’re a SEO guru, its more than likely your pages will fall short somewhere.

HubSpot CMS now has a library of templates you can add your logo to and get building your pages. More likely you’ll need a web agency like ourselves who are experts in producing custom templates and UX for sites to ensure you’re building the right look and feel for the site, as well as creating user journeys that people will actually want to follow. The great power comes from the flexibility of the templates that are produced under the HubSpot CMS system.

The out of the box responsive framework in HubSpot uses a 12 column system, you can add as many rows and modules in that as you like. The modules that come with the HubSpot are pretty much what you’d expect. You get a text editor module, with a similar interface to Word or perhaps any WYSIWYG editor you’ve used on the web. You’ve also got an image module, which does a great job of encouraging to include that key alt tag, which not only helps with the usability of the site, it can also help with SEO. Then you’ve got a call to action module, because there’s no point someone being on the page if they’re not actually going to engage with you right? This allows you to track and measure the effectiveness of your messaging, and they’re so simple to set up and drop in, you can just sit back, test, measure and refine. Analysis has never been so straightforward.

There’s plenty of other modules and the option to create global modules so you can re-use frequently used modules on multiple pages. Beyond the standard modules, we often create custom modules for clients that take the sites functionality to a new level. What’s really great about these is they still use the standard HubSpot editing system, so their use is completely standard and second nature to using the rest of the HubSpot editing system, so there’s nothing new to learn.

The key thing to remember is that the HubSpot CMS system was build by marketing people for marketing people. It’ll give you a never before experienced freedom when it comes to creating your pages, and still be there holding your hand ensuring you’ve included all your SEO elements in the right places and that your content length is correct. It will make your life easier, it will make your online marketing better. If you’d like to get started on transitioning your site to the HubSpot CMS system, why not speak to one of the UKs leading HubSpot partners by contacting us here.

Request a free B2B inbound website consultation

This is an inline guide purely for the editor, it will not show in the final blog, designed to assist you with setting the options below in the 'Gate Trigger' section.

You will not be able to use the WYSIWYG editor for this it's code only so follow these instructions carefully.


Button
We cannot use a standard call to action to open the rest of the content, but we do want to track when someone clicks on the button to read the rest of the blog. Here's what the code should look like:
<a class="gate-trigger-button" href="#" id="How easy is it to use HubSpot CMS? - Read the rest of the post" title="Read the rest of the post">Read the rest of the post</a>


Survey
Instead of using a button, you can ask people a what their intent of being on the blog is. Here's an example.
<h3 style="text-align:center;">Ready to read the post?</h3>
<p style="text-align:center;">Great, just let us know why you're here today</p>
<ul id="survey">
<li><a href="#" id="How easy is it to use HubSpot CMS?">Answer One</a></li>
<li><a href="#" id="How easy is it to use HubSpot CMS?">Answer Two</a></li>
<li><a href="#" id="How easy is it to use HubSpot CMS?">Answer Three</a></li>
<li><a href="#" id="How easy is it to use HubSpot CMS?">Answer Four</a></li>
<li><a href="#" id="How easy is it to use HubSpot CMS?">Answer Five</a></li>
<li><a href="#" id="How easy is it to use HubSpot CMS?">Other</a></li>
</ul>

If you want to connect what the user selects in the survey with the call to action at the bottom, use the following:
<ul id="cta-list">
<li><a href="#">CTA One</a></li>
<li><a href="#">CTA Two</a></li>
<li><a href="#">CTA Three</a></li>
<li><a href="#">CTA Four</a></li>
<li><a href="#">CTA Five</a></li>
<li><a href="#">Default</a></li>
</ul>


Form
We need to add the same form for each blog, you can if you want to make your own form but you'll need to change the formId which will be in the URL for the form e.g. https://app.hubspot.com/forms/145288/ee2dd282-1afb-4040-b67a-6ea2fe6e32cc/edit:
<script charset="utf-8" type="text/javascript" src="//js.hsforms.net/forms/v2.js"></script>
<script>
hbspt.forms.create({
portalId: '145288',
formId: 'ee2dd282-1afb-4040-b67a-6ea2fe6e32cc',
css: '',
onFormSubmit: function($form) {
gateTriggerForm('How easy is it to use HubSpot CMS?');
}
});
</script>


CTA Form
If people are clicking the CTA but then not filling in the form on the landing page they're being taken to, it may be worth loading the form on the same page to see if that helps the submission rate:
<div class="cta-form-image">
<a class="cta-form-image-button" href="#" id="CTA Click - How easy is it to use HubSpot CMS?"><img alt="Title of the CTA" src="https://cdn2.hubspot.net/hubfs/145288/hub_generated/resized/21421668-c868-457c-8f68-142438f1e246.png" title="Title of the CTA"></a>
</div>
<div class="cta-form-inputs">
<a href="#" class="cta-form-inputs-close"><i class="fa fa-times" aria-hidden="true"></i></a>
<script charset="utf-8" type="text/javascript" src="//js.hsforms.net/forms/v2.js"></script>
<script>
hbspt.forms.create({
portalId: '145288',
formId: '80edeb18-6298-4325-9d45-eb64c02b2d1c',
css: '',
onFormSubmit: function($form) {
gateTriggerCTAForm('How easy is it to use HubSpot CMS?');
}
});
</script>
</div>

This is the rest of the blog

When the page loads, or when it is being edited, this content will appear. When the page is loaded on the blog, the content will be hidden by the script until such times the trigger button is clicked or the trigger form is completed.

If you're not using this section then you should delete the text in here.

Topics: Hubspot

Blog Comments