Template Structure
All templates in FreshJuice are located in:Template Types
1. Layouts
Layout templates provide the base HTML structure that other templates extend. Location:templates/layouts/
Available layouts:
base.html- Main layout with header, footer, and content blocks
- HTML boilerplate
- Meta tags and SEO elements
- Standard header/footer includes
- Main content areas
- CSS and JavaScript loading
2. Partials
Partial templates are reusable components that can be included in other templates. Location:templates/partials/
Available partials:
header.html- Standard website header with navigationheader-no-navigation.html- Simplified header without navigationfooter.html- Standard website footerfooter-for-lp.html- Simplified footer for landing pages
3. Page Templates
Page templates define the structure and content for specific page types. Location:templates/ (root)
Available templates:
- Homepage
- About
- Contact
- Pricing
- Landing Page
- HubDB Dynamic Pages
4. System Templates
System templates handle special functionality like error pages, search results, and membership pages. Location:templates/system/
Available templates:
- Error pages (403, 404, 500)
- Search results
- Membership pages (login, register, reset password)
- Subscription management
- Password protection
Template Annotations
All FreshJuice templates include special HTML comments at the top that define template metadata:Common Annotations
| Annotation | Description | Values |
|---|---|---|
templateType | Type of template | page, blog_post, blog_listing, error_page, global_partial, etc. |
isAvailableForNewContent | Whether editors can create new pages with this template | true, false |
label | Display name in HubSpot editor | Any string |
screenshotPath | Preview image path | Relative path to image |
HubL Template Language
FreshJuice templates use HubL (HubSpot’s templating language), which includes:Template Inheritance
Blocks
Drag-and-Drop Areas
Including Partials
Modules
Next Steps
Page Templates
Learn about page templates for home, about, contact, and more
Blog Templates
Explore blog listing and blog post templates
System Templates
Understand error pages and system functionality
Modules
Learn about modules used within templates