.png)
.png)
When building custom websites in HubSpot Content Hub, developers often use HubL, which is HubSpot’s templating language. HubL allows developers to create dynamic templates, pull data from HubSpot objects, and control how content appears on pages.
HubL works alongside HTML, CSS, and JavaScript to power many of the templates and modules used in HubSpot websites.
Understanding how HubSpot Content Hub HubL works helps developers build more flexible and dynamic website experiences.
What Is HubL?
HubL stands for HubSpot Markup Language. It is a server-side templating language used to generate dynamic content inside HubSpot templates and modules.
HubL allows developers to:
- Insert dynamic content into templates
- Access CRM data
- Display lists of content
- Control logic and conditions within templates
HubL syntax is typically embedded within HTML templates.
Where HubL Is Used
HubL is commonly used in several areas within HubSpot Content Hub, including:
- Page templates
- Blog templates
- Custom modules
- Dynamic content sections
- Theme files
Developers use HubL to control how templates render content when pages load.
Basic HubL Syntax
HubL uses a syntax that is similar to many other templating languages.
For example, variables can be inserted into templates using double curly brackets.
Example:
{{content.name}}This code can dynamically display the name of a page or content item.
Conditional Logic with HubL
HubL allows developers to display different content depending on certain conditions.
For example, a template might show different content depending on whether a user is logged in.
Example:
{% if contact.firstname %} Hello {{ contact.firstname }} {% else %} Hello visitor {% endif %}This logic allows templates to display personalized or conditional content.
Looping Through Data
HubL also allows developers to loop through lists of data.
This is often used for displaying multiple items such as blog posts or resources.
Example:
{% for post in blog_recent_posts %}<h2></h2>
{% endfor %}
This code automatically generates a list of blog posts within the template.
Key Takeaway
HubSpot Content Hub HubL is the templating language used to create dynamic templates and modules. By combining HubL with HTML, CSS, and JavaScript, developers can build flexible website structures that automatically display content from the HubSpot platform.
Related Post
How Do HubSpot Content Hub Custom Modules and Reusable Components Work?
One of the most powerful features of HubSpot Content Hub s the ability to create custom modules. Custom modules allow developers to build reusable content blocks that editors can easily add to pages without writing code.
How Do You Delete a Page in HubSpot Content Hub?
At times, you may need to remove pages from your website. This can happen when content becomes outdated, a campaign ends, or the website structure is being reorganized.HubSpot Content Hub provides a simple way to delete pages directly from the page...
How Do HubSpot Content Hub Header and Footer Management Work?
The header and footer are two of the most important sections of any website. The header typically contains the navigation menu, logo, and key links, while the footer usually includes contact information, secondary navigation, and legal links.
Power Up Your Project
Request a Quote and Let Us Save the Day!
Leave a reply