24/7 Customer Support


HubSpot CMS: what it is and how it works

Forex Email Lists Provide email database, email marketing databases, business email list, a Consumer email database, direct SMS marketing lead, telemarketing leads. However, Forex email list each and every Sales lead are double verified business email lead from worldwide countries. We have 300 B2B contact information and 400 million b2c contact information. Moreover, each and every business and consumer email database are opt-in and permission-based. We always provide you off-spam active lead because spam lead is west your time and money. 

Forex Email List also believed in 100% client satisfaction. Nowadays Forex Email List is one of the trustable sales lead providers. However, we have the newly updated opt-in business mailing lists for your marketing camping. You Can get here your targeted b2b and b2c email database with accurate contact information. We also have the decision-makers’ b2b data from your email marketing camping. We provide you b2b mailing list for your lead generation content marketing.

HubSpot CMS: what it is and how it works

The HubSpot CMS is a tool that allows you to create web pages, blogs, landing pages and Jamaica Phone Number List by generating drag and drop or code templates and adding all kinds of functionalities. In addition, it offers a marketplace where you can purchase, for free or paid, complete themes, modules and fully professional and configurable templates. Would you like to know more? Keep reading!

videocamVideo version of this post

list_altIndex of contents
How to access the HubSpot CMS and its design tools?
File types that can be created with the HubSpot CMS
Why are you interested in having the HubSpot CMS?
HubSpot has its own development code that allows you to go further when it comes to developing templates and it also has an API that will allow you to integrate it with its own or third-party tools.

Jamaica Phone Number List

Using the HubSpot CMS has many advantages, among which I want to highlight 7:

It is fully integrated with HubSpot.
It is very easy to use, the learning curve is very short.
HubSpot does hosting, so you only need to link your domain with the ones you need.
It is a very flexible tool that can be used by profiles without knowledge or profiles with very technical knowledge that can take full advantage of it.
Additional tools can be generated to help copywriters or the marketing team create better content.
In addition, HubSpot, by default, optimizes all templates so that they load quickly and are seen without problem on any type of device.
HubSpot is a constantly evolving tool, they are constantly improving it and bringing out new features regularly.

Do you like what you are reading? Subscribe to the blog!
your email
I have read and accept the Privacy and Cookies Policy .
How to access the HubSpot CMS and its design tools?
To enter the HubSpot CMS and test its design tools, just access the Forex Email List section at the top level and, there, click on “files and templates” and then on “design tools”.

cms hubspt navigation

Once this is done, you can see several different areas: a file navigation area, a main section where the most recent files appear, shortcuts, a side menu, and a bottom bar with a warnings and errors area. To these we must add a help and configuration area. Let’s see what you can find in each of them. Keep reading!

a) File tree
On the left of the screen you will find an area of ​​files related to each template at the code level.

cms hubspot tree files


1. File order
In the video we create a new folder and call it “test”. After saving the name we see that the files and directories are arranged in alphabetical order, by default. They cannot be reordered. If you want to create a custom order, you can play with the denominations, for example “01_test”. Files can be dragged and dropped and moved within a folder, but cannot be arranged in any other way.

2. Actions to be taken
If we select a directory and right-click we see the actions that they allow us to undertake. Here we must differentiate between display actions, which refer to the entire tree, and these other actions that I was commenting on, which would only apply to the selected file.

3. Create a file
We can create a file within the folder, drag and drop or page type. We put the denomination that we prefer. When closing it, it would already be created.

4. Create a theme
We can create a theme, which is a group of files necessary for HubSpot to consider it a theme, with all the relationships between them already generated. With this we can generate complete templates or obtain a template with the basic functional elements, already from the outset, without having to create all the elements.

5. Create a role
We can create a function, which allows us to generate interactions with the HubSpot API itself. This gives much more power when it comes to approaching contacts, since they represent a more dynamic way of interacting with the content.

6. Cloning
You can clone the file , move it or rename it, as well as you also have the option to copy the folder path or clone it.

Here are some tips for working with the file tree:
As many managed folders appear, I recommend using the collapse all option, with the top arrow, without having to collapse one by one. In this way, agility is gained.
If you already have a selection made, you can undo it. Another very useful thing is the ability to list recently deleted or recently edited files.
Actions can also be useful because they allow us, for example, to lock a folder in a directory. This is how that folder stays locked to prevent unintentional modifications. If you want to make changes, just unlock it (no password is required).
Which CMS is the most suitable to create your company’s website? Find out with this free guide!
b) Search
We have a search engine, which searches for both files and directories. It is very useful to streamline the work that the team does in the HubSpot CMS.

cms hubspot file finder

c) Central display of the file
In the central area we see a display of the recently edited files. We also have two shortcuts to create a new file or to list more recently edited files.

There are several ways to do the same, so that each user can choose the one that is most comfortable for them.

d) Error console
It is in this section where warning or error messages appear as we create our files, which can make our work much faster and easier.

cms hubspot console errors

e) Configuration and documentation area
In the “reference” button,

we find a direct access to all the documentation related to the tool.

“Configuration” is a button that gives access to the general configuration and allows some adjustments in the view; and also how the code looks, to be able to customize the font.

cms hubspot configuration and documentation

f) Help
Finally, there is the help button, which opens quick access to the community and gives you the option to contact HubSpot technical assistants , who quickly resolve user questions.

CTA – Hire HubSpot with InboundCycle
File types that can be created with the HubSpot CMS
In the video at the beginning of this article I show you an example of a HubSpot drag and drop template that looks schematic and easy to understand. It’s easy to see how the content is structured.

General template options in the HubSpot CMS
In the sidebar we would have the options of the selected elements. If we enter without selecting, we find the general ones of the entire template (add code, online styles, etc). In the main area there are a number of elements. Some are containers, which help us to group other elements, containers and modules.

cms huspot general options templates

If we select, for example, one, first what it does is create a framework where we can add other options, such as a specific class that, hierarchically, would be placed above the elements that are inside. This is very useful when working and applying styles, for example.

If we click on a module, the options that appear will be specific to that module. From style options to the elements and options that that module itself gives you. Each one will offer you options related to the type of module it represents.

They are options that can also be customized when creating a content page. From here you can enable certain options. For example, a logo or a form, an image or a text.

Other things that can be done with this template is a preview , with or without presentation options. These options allow you to customize the height or width of the window, to see how it would behave on different devices. In the video I show what the default template looks like.

Let’s see how to modify its appearance. In the video we do it by exchanging the position of an image with that of a paragraph, going to a module and moving the container.

It must be taken into account that, although the changes are saved by default, if we want them to be applied to the published page, we must choose the option “publish the changes”.

Finally, through the element to add, we can incorporate all the modules you want to HubSpot account. Even those transferred from one account to another, within the tool.

In the video I show how we can add a new module, with an image. The columns are automatically duplicated and then the width of the columns can be modified and a group generated, with the container option, where to apply a specific style.

Going to the preview shows the new elements added. These will not be seen by the users of the page until the option to publish changes is clicked.

It is very easy to publish pages with a well-defined structure with these types of templates, although it does require some CSS styling work. Thinking of making a new landing page ? Would you like to update your thank you page ?

HTML files mixed with HubL in the HubSpot CMS
Another type of file that can be made into templates is HTML files mixed with HubL. In the video I show an example where you can see the HTML code mixed with a dynamic code.

cms hubspt hubl

We have all the documentation regarding HubL available in the HubSpot developers section . There you can see the possibilities that this code offers.

In addition to the HTML templates, we have CSS and JavaScript files , with the advantage that you can also do some dynamic code insertions to be able to generate a little more intelligent files. For example, the video shows how to include CSS files within others or incorporate variables that can be reused in the rest of the CSS file or other linked files. This saves us time and drives efficiency.

What a HubSpot module looks like
In the video I show what a HubSpot module looks like , which is made up of three parts of code:

HTML and HubL
In addition, in the right sidebar it allows adding fields to give the module logic and the desired functionality . Date, rich text, URL … Booleans and other selection elements can also be added.

All this appears on the left, when editing a page. It includes inline help texts, style files can be added to better organize the code and even add tags to find it better when searching for modules. It supports multi-language HubSpot sites.

Modules are very powerful elements where you can do something very simple but very useful to be able to reuse it in the future, and even introduce very complex functionalities that give extra power to the page.

Topics in the HubSpot CMS
Another element that can save us a lot of work is that a complete theme can be created with a single click . The first choice is if you prefer white or with some applied styles, something generic. In the video I show that choosing one creates a new folder that already contains many files.

You can access a preview of the topic, which includes many pages, which are key for a website where you want to apply an inbound marketing strategy.

We see that the template has some default options that can be modified (template font, size of titles or spacing options in tables and HubSpot forms, for example).

The tool greatly facilitates the creation of functional templates that are well worked at the user experience level .

It is possible to create a whole template that, in addition, can be modified and edited through files when needed. Do you already know how to get the most out of these new HubSpot templates?

Why are you interested in having the HubSpot CMS?
Perhaps one of the most powerful things about the HubSpot CMS is that we don’t need to develop a template from scratch, have an internal development team, or hire someone from outside to do this work.

HubSpot has a theme and template store with lots of options, some free, fully customizable. There you can search by complete themes, by templates or by template packages. Modules can also be purchased to complete the templates in use (some of these modules are free and others are paid). This new functionality adds extra power to the HubSpot CMS, helping us to offer a much more professional image online.

cms hubspot marketplace

Once you know how to create templates and how to make previews, one of the questions that may arise is how to create a page with the content you want, but using a template.

In the video I show how: it would be necessary to make the desired modifications from the website or blog area, depending on where you want to work. It would be necessary to create a new page to, at that moment, choose the template to use. By default, the one we want to add appears, and if not, we can search for it by name, by “most used” or other criteria. We select the preferred one and create a test page.

Here you can include, element by element, the modifications you want to make. To edit, you can click on each element directly or they can be selected from the sidebar. This is how, in practice, content connects with templates .

With this tool you have a CMS up to the forefront and it won’t take long to notice the results in terms of improvement in different relevant metrics for your inbound marketing campaign.

Leave a comment

Your email address will not be published.