---
title: Los 3 pilares de contenido dinámico en HubL
description: "Descubre los tres pilares de contenido dinámico en HubL: variables, etiquetas y funciones, y cómo usarlos para enriquecer tus plantillas de HubSpot."
image: https://www.carlosguisan.dev/hubfs/green-spot/guia-hubl-principiantes-sintaxis-variables.png
---

![Logo GreenSpot](https://www.carlosguisan.dev/hubfs/raw_assets/public/carlosguisan_dev/images/logo/logo-horizontal.svg) ![Logo GreenSpot](https://www.carlosguisan.dev/hubfs/raw_assets/public/carlosguisan_dev/images/logo/logo-blanco-horizontal.svg)

- [Sobre mí](https://www.carlosguisan.dev/#sobre-mi)
- [Proyectos](https://www.carlosguisan.dev/#proyectos)
- [Servicios](https://www.carlosguisan.dev/servicios)
- [GreenSpot](https://www.carlosguisan.dev/greenspot)

[![Logo GreenSpot](https://www.carlosguisan.dev/hubfs/raw_assets/public/carlosguisan_dev/images/logo/logo-horizontal.svg) ![Logo GreenSpot](https://www.carlosguisan.dev/hubfs/raw_assets/public/carlosguisan_dev/images/logo/logo-blanco-horizontal.svg)](https://www.carlosguisan.dev/)

close

- [Sobre mí chevron\_right](https://www.carlosguisan.dev/#sobre-mi)
- [Proyectos chevron\_right](https://www.carlosguisan.dev/#proyectos)
- [Servicios chevron\_right](https://www.carlosguisan.dev/servicios)
- [GreenSpot chevron\_right](https://www.carlosguisan.dev/greenspot)
- Agendar Discovery Call

 Agendar Discovery Call

dark\_mode

dark\_mode

menu

[\[ HUBL BASICS \]](https://www.carlosguisan.dev/greenspot/tag/hubl-basics)

# Los 3 pilares de contenido dinámico en HubL

![Carlos Guillermo Sanchez Cabezas](https://www.carlosguisan.dev/hs-fs/hubfs/green-spot/about-me.jpg?width=48&height=48&name=about-me.jpg)

[Carlos Guillermo Sanchez Cabezas](https://www.carlosguisan.dev/greenspot/author/carlosguisan) 5/01/26 8:00

![](https://www.carlosguisan.dev/hs-fs/hubfs/green-spot/guia-hubl-principiantes-sintaxis-variables.png?width=800&height=450&name=guia-hubl-principiantes-sintaxis-variables.png)

## terminal >\_ TL;DR (RESUMEN)

- Punto clave 1 del artículo.
- Punto clave 2 del artículo.
- Punto clave 3 del artículo.

En una [**publicación anterior**](https://www.carlosguisan.dev/greenspot/hubl-introduccion-y-delimitadores) aprendimos cómo insertar contenido dinámico en la plantilla usando delimitadores. Ahora veamos **qué** contenido dinámico está disponible en HubL.

HubL se construye sobre tres pilares: **variables**, **etiquetas** y **funciones**. Cada uno tiene un rol específico, y su disponibilidad puede variar según el contexto (páginas web, posts de blog, landing pages)

### Variables

Las variables son propiedades que nos permiten acceder a valores específicos: un título, una fecha, un color, una URL...

Para mostrar el valor de una variable, usas el delimitador de salida ``, por ejemplo, `2026` muestra el año actual.

Cuando el contenido está agrupado en pares clave-valor, estamos hablando de **diccionarios**. Un ejemplo es el diccionario `content`, que agrupa toda la información de una página: `{​{ content.name }​}` (título), `{​{ content.created }​}` (fecha de creación), entre otros.

> **Profundiza en Variables y Diccionarios** Aprende las variables más usadas, notación de punto, propiedades anidadas (`{​{content.author.display_name}​}`), y cómo crear diccionarios personalizados con `{​% set %​}`.
> 
> Lo compartiremos en una futura publicación

### Etiquetas

Las **etiquetas** usan el delimitador de lógica `{​% %​}` para realizar acciones en tu plantilla: ejecutar lógica (`{​% if %​}`, `{​% for %​}`), manipular datos (`{​% set %​}`, `{​% do %​}`), organizar código (`{​% block %​}`, `{​% include %​}`), o insertar componentes del sistema (`{​% menu %​}`, `{​% post_listing %​}`).

Muchas etiquetas tienen **módulos equivalentes** en el editor visual. Por ejemplo, `{​% menu %​}` tiene un módulo de Menú, y `{​% blog_subscribe %​}` tiene un módulo de Suscripción. Sin embargo, en **plantillas de páginas de sistema** (como plantillas de blog o búsqueda) no tienes acceso al editor drag & drop, por lo que usas las etiquetas directamente en el código.

### Funciones

Las **funciones** son operaciones que crean o transforman datos. Mientras las variables *acceden* a información existente (`{​{ content.name }​}`), las funciones *generan* nueva información o realizan cálculos.

Algunos ejemplos de funciones son:

- `range(1, 10)` : genera una secuencia de números.
- `blog_recent_posts()`: obtiene los posts más recientes del blog.
- `hubdb_table_rows()` : Consulta filas de una tabla de HubDB

Las funciones se usan dentro del delimitador de salida `{​{ }​}` y pueden recibir parámetros: `{​{ blog_recent_posts('default', 5) }​}` obtiene 5 posts del blog 'default'.

> **Profundiza en etiquetas y funciones** Aprende como usar las etiquetas y funciones para generar contenido dinámico en HubL.
> 
> Lo compartiremos en una próxima publicación

En el siguiente HubL Basics hablaremos de las variables y diccionarios más usados y cómo crearlos.

![Carlos Guillermo Sanchez Cabezas](https://www.carlosguisan.dev/hs-fs/hubfs/green-spot/about-me.jpg?width=96&height=96&name=about-me.jpg)

### Carlos Guillermo Sanchez Cabezas

verified

 Carlos Sánchez es Senior HubSpot Content Hub Architect y CMS Developer Certificado. Con más de 12 años de experiencia, traduce diseños complejos en código modular impecable. Trabaja con estándares Enterprise desde el bosque lluvioso de Sarapiquí, Heredia, Costa Rica.

[language](https://www.carlosguisan.dev/) [share](https://www.linkedin.com/in/carlosguisan/)

#### Contents

## Sigue leyendo

### [![](https://www.carlosguisan.dev/hs-fs/hubfs/green-spot/hubl-introduccion-y-delimitadores.png?width=400&height=225&name=hubl-introduccion-y-delimitadores.png) HubL Basics HubL: Introducción y delimitadores ¿Qué es HubL? Piensa en un documento como una constancia salarial. La empresa tiene una plantilla...](https://www.carlosguisan.dev/greenspot/hubl-introduccion-y-delimitadores)

[![GreenSpot Logo](https://www.carlosguisan.dev/hubfs/raw_assets/public/carlosguisan_dev/images/logo/logo-blanco-horizontal.svg "GreenSpot Logo")](https://www.carlosguisan.dev/)

 Local roots, global quality. Soluciones de ingeniería HubSpot desde el corazón de Costa Rica.

#### Navegación

- [Inicio](https://www.carlosguisan.dev/)
- [Servicios](https://www.carlosguisan.dev/servicios)
- [Contacto](https://www.carlosguisan.dev/contacto)

#### Social

- [LinkedIn](https://linkedin.com/in/carlosguisan/)
- [GitHub](https://github.com/carlosguisan)

© 2026 Carlos Guillermo Sánchez Cabezas | Senior HubSpot Content Hub Architect & CMS Developer.

HECHO CON ❤ DESDE SARAPIQUÍ, HEREDIA, COSTA RICA

```json
{
  "@context" : "https://schema.org",
  "@type" : "BlogPosting",
  "author" : {
    "@type" : "Person",
    "name" : "Carlos Guillermo Sanchez Cabezas",
    "url" : "https://www.carlosguisan.dev/greenspot/author/carlosguisan"
  },
  "dateModified" : "2026-01-05T14:00:00.200Z",
  "datePublished" : "2026-01-05T14:00:00.000Z",
  "headline" : "Los 3 pilares de contenido dinámico en HubL",
  "image" : [ "https://www.carlosguisan.dev/hubfs/green-spot/guia-hubl-principiantes-sintaxis-variables.png" ],
  "mainEntityOfPage" : {
    "@id" : "https://www.carlosguisan.dev/greenspot/3-pilares-contenido-hubl",
    "@type" : "WebPage"
  },
  "publisher" : {
    "@type" : "Organization",
    "logo" : {
      "@type" : "ImageObject",
      "url" : "https://www.carlosguisan.dev/hubfs/logo-horizontal.png"
    }
  }
}
```