24/7 Customer Support

WhatsApp +8801744383834

HubSpot CMS: what it is and how it works


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 emails 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!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 Ivory Coast Phone Number List templates and it also has an API that will allow you to integrate it with its own or third-party tools.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 marketing team create better content.
In addition, HubSpot, by default, optimizes all templates to load quickly and be 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.


Ivory Coast Phone Number List

Do you like what you are reading? Subscribe to the blog!
EMAIL *your emailI 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 marketing section at the top level and, there, clck on “files and templates” and then on “design tools”.cms hubspt navigationOnce 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 Betting Email List bar with an area for warnings and errors. 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 a file area related to each template at the code level.cms hubspot tree files1. 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 fileWe 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 roleWe can create a function, which allows us to generate interactions with the HubSpot API itself. This gives much more power when 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 inadvertent modifications. If you want to make changes, just unlock it (no password is required).
What 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.

Leave a comment

Your email address will not be published.