When you're editing a page in HubSpot, you’ll see the Content tab and Style tab on the left side of the editor.
This is where users can input text, images, checkboxes, and more.
Today, I explored a module field, along with IF statements and UNLESS statements.
A Boolean type is simple but frequently-used field.
When you add a Boolean field to a custom module, it shows up as a checkbox in the Content tab.
If a user checks it, the value is true; if left unchecked, it’s false.
Let’s see how this works using HubL (HubSpot Markup Language).
if and unlessThe basic syntax is:
⚠️ Don’t forget to close your block with .
→ When the checkbox is marked in the editor, the content inside is displayed.
Note: In HubL, 'true' and 'false' are treated as strings, so make sure to use quotes.
→ When the checkbox is marked, this block won’t display. When it’s unchecked, it will.
→ This shorthand also works. If the checkbox is marked, it evaluates as true.
→ This format works, but it’s always best to to stick with correct codes in any tools.
5) Show only when checkbox is NOT marked ❌
→ When you want to exclude something unless a condition is met, unless is a clean way to write it.
When the checkbox is checked, the value is 'true'; when unchecked, it’s 'false'.
By default, it’s true, so unless you explicitly set it to false, it will act as if it’s checked.
When a checkbox is marked:
When a checkbox is unmarked:
In the next post, I’ll cover the Style tab, which allows users to customize things like spacing, colors, and borders ✨