Default Modules

Last updated:

The HubSpot CMS includes a number of default modules that developers can add to templates and that content creators can add to pages. Below is a listing of them all. Default modules can also be used as a source of inspiration for your own modules. When developing locally, you can fetch a specific default module using the module path (e.g. hs fetch @hubspot/linked_image.module).

You also can view and clone default modules in the Design Manager. These assets appear in a read-only @hubspot folder.

Default modules in Design Manager-1

Blog Comments

Supported in blog posts and blog listings.

HubL
{% module "blog_comments" path="@hubspot/blog_comments" %}

Blog Email Subscription

Supported in pages, blog posts, and blog listings.

HubL
{% module "blog_subscribe" path="@hubspot/blog_subscribe" %}
Use this table to describe parameters / fields
ParameterTypeDescription Default
select_blog
Blog

The blog to use for the module.

title
String

Title for the module (wrapped in a h3 tag)

"Subscribe Here!"
response_message
Rich Text

The message that is shown upon submitting the form.

Thanks for subscribing!

Button

Supported in pages, blog posts, and blog listings.

HubL
{% module "button" path="@hubspot/button" %}
Use this table to describe parameters / fields
ParameterTypeDescription Default
link
Link

The URL that 

{ "url": { "type": "EXTERNAL", "href": "www.hubspot.com", "content_id": null }, "open_in_new_tab": false, "no_follow": false }
button_text
Text

Text that will be displayed on the button

"Add a button link here"
style
Object
  • override_default_style (Boolean)
  • button_font (Font)
  • button_color (Color)
  • text_hover_color (Color)
  • button_hover_color (Color)
{ "override_default_style": false, "button_font": { "color": "#FFFFFF", "size_unit": "px" }, "button_color": { "color": "#000000", "opacity": 100 }, "text_hover_color": { "color": "#000000", "opacity": 100 }, "button_hover_color": { "color": "#CCCCCC", "opacity": 100 } }

Call-to-Action

Supported in pages, blog listings, blog posts, and emails.

HubL
{% module "cta" path="@hubspot/cta" %}
Use this table to describe parameters / fields
ParameterTypeDescription Default
guid
String

Globally Unique Identifier of the CTA. 

Divider

Supported in pages.

HubL
{% module "divider" path="@hubspot/divider" %}
Use this table to describe parameters / fields
ParameterTypeDescription Default
height
Number

Pixel (px) height of the divider line.

1
width
Number

Percentage (%) width of the divider line.

50
color
Color

Color (hex) and opacity (number) of the divider line.

{ "color": "#000000", "opacity": 100 }
line_type
Choice

Line type. Choices include:

  • solid
  • dotted
  • dashed
solid
alignment
Choice

Horizontal alignment of divider line. Choices include:

  • left
  • center
  • right
center
show_padding
Boolean

Show/hide top and bottom margining on the divider.

false
padding
Number

Pixel (px) value for the margining on top and bottom of divider line. 

Option available when show_padding equals true.

5

Main Email Body

Supported in emails.

HubL
{% module "email_body" path="@hubspot/email_body" %}
Use this table to describe parameters / fields
ParameterTypeDescription Default
html
Rich Text

Default content for the email body. HTML supported.

<p>Hi&nbsp;{{contact.firstname}},</p> <p>Describe what you have to offer the customer. Why should they read? What did you promise them in the subject line? Tell them something cool. Make them laugh. Make them cry. Well, maybe don't do that...</p> <p>Use a list to:</p> <ul> <li>Explain the value of your offer</li> <li>Remind the reader what they’ll get out of taking action</li> <li>Show off your skill with bullet points</li> <li>Make your content easy to scan</li> </ul> <p><a href="http://hubspot.com">LINK TO A LANDING PAGE ON YOUR SITE</a> (This is the really important part.)</p> <p>Now wrap it all up with a pithy little reminder of how much you love them.</p> <p>Aw. You silver-tongued devil, you.</p> <p>Sincerely,</p> <p>Your name</p>

Office Location Information

Supported in emails.

HubL
{% module "email_can_spam" path="@hubspot/email_can_spam" %}
Use this table to describe parameters / fields
ParameterTypeDescription Default
html
Rich Text

Populates required CAN-SPAM information for emails including business address and unsubscribe/preferences links.

<p id="footer" style="font-family: Geneva, Verdana, Arial, Helvetica, sans-serif; text-align: center; font-size: 12px; line-height: 1.34em; color: {{ secondary_font_color }}; display: block;">{{ site_settings.company_name }} &nbsp;&nbsp;{{ site_settings.company_street_address_1 }} &nbsp;{{ site_settings.company_street_address_2 }} &nbsp;{{ site_settings.company_city }} &nbsp;{{ site_settings.company_state }} &nbsp;&nbsp;{{ site_settings.company_zip }} &nbsp;&nbsp;{{ site_settings.company_country }} <br><br> You received this email because you are subscribed to {{ subscription_name }} from {{ site_settings.company_name }} . <br><br> Update your <a target="_blank" href="{{ unsubscribe_link }}" style="text-decoration: underline; whitespace: nowrap; color: {{ secondary_font_color }};" data-unsubscribe="true">email preferences</a> to choose the types of emails you receive. <br><br> &nbsp;<a target="_blank" href="{{ unsubscribe_link_all }}" style="text-decoration: underline; whitespace: nowrap; color: {{ secondary_font_color }};" data-unsubscribe="true">Unsubscribe from all future emails</a> &nbsp;</p>

Backup Unsubscribe

Supported in pages, blog posts, and blog listings.

HubL
{% module "email_simple_subscription" path="@hubspot/email_simple_subscription" %}
Use this table to describe parameters / fields
ParameterTypeDescription Default
header
Text

H1 heading.

"Email Unsubscribe"
input_help_text
Text

H3 heading for help text.

"Your email address:"
input_placeholder
Text

Placeholder content for the input field.

"email@example.com"
button_text
Text

Text to display on the unsubscribe button.

"Unsubscribe"

Subscription Preferences

Supported in emails.

HubL
{% module "email_subscriptions" path="@hubspot/email_subscriptions" %}
Use this table to describe parameters / fields
ParameterTypeDescription Default
header
Text

H1 heading.

header
subheader_text
Rich Text

Supplemental text for your H1 heading.

"If this is not your email address, please ignore this page since the email associated with this page was most likely forwarded to you."
unsubscribe_single_text
Text

Preference selection help text.

"Uncheck the types of emails you do not want to receive:"
unsubscribe_all_text
Text

Unsubscribe all help text. 

"Or check here to never receive any emails:"
unsubscribe_all_unsubbed_text
Text

Unsubscribe all help text for a currently unsubbed user.

"You are presently unsubscribed from all of our emails. Would you like to receive our emails again?"
unsubscribe_all_option
Text

Label for unsubscribe all option.

"Unsubscribe me from all mailing lists."
button_text
Text

Update preferences button text.

"Update email preferences"
resubscribe_button_text
Text

Resubscribe button text.

"Yes, resubscribe me!"

Subscriptions Confirmation Message

Supported in emails.

HubL
{% module "email_subscriptions_confirmation" path="@hubspot/email_subscriptions_confirmation" %}
Use this table to describe parameters / fields
ParameterTypeDescription Default
header
Text

H1 heading.

subheader_text
Rich Text

Supplemental text for your H1 heading.

"If this is not your email address, please ignore this page since the email associated with this page was most likely forwarded to you."
unsubscribe_all_success
Text

Message on unsubscribe.

"You have successfully unsubscribed from all email communications."
subscription_update_success
Text

Message on subscription update.

"You have successfully updated your email preferences."

View As Web Page

Supported in emails.

HubL
{% module "email_view_as_web_page" path="@hubspot/email_view_as_web_page" %}
Use this table to describe parameters / fields
ParameterTypeDescription Default
html
Rich Text

View as webpage text.

"<div style="padding-top: 15px; font-family: Geneva, Verdana, Arial, Helvetica, sans-serif; text-align: right; font-size: 9px; line-height: 1.34em; color: {{ secondary_font_color }};">Not rendering correctly? View this email as a web page <a target="_blank" href="{{ view_as_page_url }}" style="color: {{ secondary_font_color }}; text-decoration: underline; white-space: nowrap;" data-viewaswebpage="true">here</a>.</div>"

Follow Me

Supported in pages, blog listings, blog posts, and emails.

HubL
{% module "follow_me" path="@hubspot/follow_me" %}
Use this table to describe parameters / fields
ParameterTypeDescription Default
title
Text

H3 heading.

links
Boolean

Open links in new window.

true

Follow Me - LP

Supported in pages, blog listings, and blog posts.

HubL
{% module "follow_me_lp" path="@hubspot/follow_me_lp" %}
Use this table to describe parameters / fields
ParameterTypeDescription Default
social
Object

Social network selection. Options include:

  • network (Choice)
  • link (Link)
  • network_image (Image)
  • supporting_text (Text)

 

[ { "network": "facebook" } ]
display
Choice

Display options for showing social networks. Choices include:

  • icon
  • icon_text
  • text_only
icon
scale
Number

Size of the icon (px).

25
spacing
Number

Left and Right Padding (px) for items.

5
alignment
Choice

The alignment of the items on the page. Choice include:

  • left
  • center
  • right
center
color_scheme
Choice

Color scheme to use for icons. Choices include:

  • color
  • black (black and white)
  • grey
  • white
  • custom
color
custom_color
Color

Custom color to use when color_scheme equals custom.

#000000
icon_shape
Choice

Shape of the social icons. Choices include:

  • circle
  • square
  • original
circle
font_style
Object

Font object for social network text. Available when display does not equal icon.

Font object contains: 

  • size
    • value - Number
    • units - Unit of Measure
  • color - Hex value
  • styles
    • bold - Boolean
    • italic - Boolean
    • underline - Boolean
  • font - Text
{ "size": { "value": 14, "units": "px" }, "color": "#2696be", "styles": { "bold": false, "italic": false, "underline": false }, "font": "helvetica" }

Form

Supported in pages, blog posts, and blog listings.

HubL
{% module "form" path="@hubspot/form" %}
Use this table to describe parameters / fields
ParameterTypeDescription Default
title
Text

H3 heading

form
Object

Form object including:

  • form_id - ID for form to use
  • response_type - what will a visitor see after submitting the form
    • inline
    • redirect
  • message - inline message if response_type equals inline
  • redirect_id - ID of page to be redirected to if response_type equals redirect.
  • redirect_url - URL to be redirected to if response_type equals redirect

 

{ "form_id": "", "response_type": "redirect", "message": "Thanks for submitting the form.", "redirect_id": null, "redirect_url": "http://www.google.com" }
notifications_are_overridden
Boolean

Email to send form notification to instead of form defaults.

false
notifications_override_email_addresses
Email

Comma-separated list of emails to send to when notifications_are_overridden equals true.

follow_up_type_simple
Boolean

Enabled sending a follow up email.

false
simple_email_for_live_id
Followupemail

ID of the follow-up email. Available when follow_up_type_simple equals true.

sfdc_campaign
Salesforcecampaign

When Salesforce integration is active, the campaign ID.

Supported in pages, blog posts, and blog listings.

HubL
{% module "gallery" path="@hubspot/gallery" %}
Use this table to describe parameters / fields
ParameterTypeDescription Default
slides
Object

Object containing information for each slide. Object contains:

  • img - Image URL.
  • show_caption - Boolean to show slide caption.
  • caption - Rich text for caption.
  • link_url - URL where the slide should link.
  • open_in_new_tab - Boolean to direct if the link should open in a new tab.
[ { "show_caption": false, "open_in_new_tab": false } ]
display_mode
Choice

Display mode of the Image Gallery. Choices include:

  • standard - Standard slider.
  • thumbnail - Thumbnail navigator.
  • lightbox - Lightbox gallery.
standard
lightboxRows
Number

Number of rows in the Lightbox gallery when display_mode equals lightbox.

3
loop_slides
Boolean

Enables looping through the slides with next/prev when display_mode equals standard or thumbnail.

true
auto_advance
Boolean

Automatically advances to the next slide when display_mode equals standard or thumbnail.

true
num_seconds
Number

Amount of time (seconds) between advancing to the next slide when display_mode equals standard or thumbnail.

5
show_pagination
Boolean

Show navigation buttons when  display_mode equals standard or thumbnail.

true
sizing
Choice

Sets the height of the slides when display_mode equals standard or thumbnail. Choices include:

  • static - Fixed height.
  • resize - Variable height.
static
transition
Choice

Slide transition styles when display_mode equals standard or thumbnail. Choices include:

  • slide - Slide transition.
  • fade - Fade transition.
slide
caption_position
Choice

Position of the slide captions when display_mode equals standard or thumbnail. Choices include:

  • below - Always keep captions below the image.
  • superimpose - Superimpose captions on top of images.
below

Supported in pages, blog listings, blog posts, and emails.

HubL
{% module "header" path="@hubspot/header" %}
Use this table to describe parameters / fields
ParameterTypeDescription Default
value
Text

Text for the heading.

"A clear and bold header"
header_tag
Choice

Choose a heading level. Choice include h1 through h6.

h1

Horizontal Spacer

Supported in pages, blog listings, blog posts, and emails.

HubL
{% module "horizontal_spacer" path="@hubspot/horizontal_spacer" %}

Image (email)

Supported in emails.

HubL
{% module "image_email" path="@hubspot/image_email" %}
Use this table to describe parameters / fields
ParameterTypeDescription Default
img
Image

Image to be used for the email. 

link
Text

Optional link for the image.

alignment
Choice

Alignment of the image. Choice include:

  • left
  • center
  • right
center

Language Switcher

Supported in pages.

HubL
{% module "language_switcher" path="@hubspot/language_switcher" %}
Use this table to describe parameters / fields
ParameterTypeDescription Default
display_mode
Choice

The language of the text in the language switcher. Choice include:

  • pagelang - The names of languages will display in the language of the page the switcher is on.
  • localized - The name of each language will display in that language.
  • hybrid - A combination of the two.
localized

Image

Supported in pages, blog listings, blog posts, and emails.

HubL
{% module "linked_image" path="@hubspot/linked_image" %}
Use this table to describe parameters / fields
ParameterTypeDescription Default
img
Image

Image object containing:

  • src - Image url
  • alt - Alt text for image
  • loading - Lazy loading options include:
    • disabled
    • lazy
  • width - px value
  • height - px value
{ "src": "https://static.hubspot.com/final/img/content/email-template-images/placeholder_200x200.png", "alt": "placeholder_200x200", "loading": "disabled", "width": 200, "height": 200 }
link
Text

Optional link for the image.

target
Boolean

Opens link in a new tab.

false

Supported in pages, blog listings, blog posts, and emails.

HubL
{% module "logo" path="@hubspot/logo" %}
Use this table to describe parameters / fields
ParameterTypeDescription Default
img
Image

Image object containing:

  • override_inherited_src- override the default logo from settings
  • src - Image url
  • alt - Alt text for logo
{ "override_inherited_src": false, "src": null, "alt": null }
link
Text

Optional link for the logo. If no url is specified, your logo will link to your primary domain.

open_in_new_tab
Boolean

Opens link in a new tab.

false
suppress_company_name
Boolean

Hide the company name when an image is not selected.

true
heading_level
Choice

Choose a heading level when no image is selected and suppress_company_name equals false. Choices include h1 through h6.

h1

Meetings

Supported in pages, blog posts, and blog listings.

HubL
{% module "meetings" path="@hubspot/meetings" %}
Use this table to describe parameters / fields
ParameterTypeDescription Default
meeting
Meeting

Select a meeting link.

Membership Social Logins

This module is part of a developer beta learn more.

This module provides Google and Facebook login capability to memberships sites. The user must sign-in with an account linked to the email for the contact in the CRM. You can choose which social logins to enable.

Supported in membership login pages.

HubL
{% module "social" path="@hubspot/membership_social_logins", 
        clientid="" 
        appid="" 
        facebook_enabled=true 
        google_enabled=true 
        %}

Facebook requires having a Facebook developer account, and a facebook app created, with basic settings. Once you've done that your app id is what you pass to the module.

Google requires a Google account, and authorization credentials created, once you have that your app's client id is what you pass to the module.

Membership social logins parameters
ParameterTypeDescription Default
facebook_appid
String

Your facebook app ID.

facebook_enabled
boolean

Enable the button for Facebook login. facebook_appid is required.

False
google_clientid
String

Your Google client ID.

google_enabled
Boolean

Enable the button for Google login. google_clientid is required.

False

Supported in pages, blog posts, and blog listings.

Looking to build your own custom menu? Try our menu() function.
HubL
{% module "menu" path="@hubspot/menu" %}
Use this table to describe parameters / fields
ParameterTypeDescription Default
id
Menu

Id of the menu.

root_type
Choice

Advanced menu type. Choices include:

  • site_root - Always show top-level pages in menu.
  • top_parent - Show pages in menu that are related to section being viewed.
  • parent - Show pages in menu that are related to page being viewed.
  • breadcrumb - Breadcrumb style path menu (uses horizontal flow).
site_root
max_levels
Choice

Determines the number of menu tree children that can be expanded in the menu. Choices include 1 through 10

2
flow
Choice

Orientation of the menu. Choices include:

  • horizontal
  • vertical
horizontal
flyouts
Boolean

Enabled hover over functionality for child menu items.

true

Supported in pages, blog listings, and blog posts.

HubL
{% module "page_footer" path="@hubspot/page_footer" %}

Password Prompt

Supported in pages, blog posts, and blog listings.

HubL
{% module "password_prompt" path="@hubspot/password_prompt" %}
Use this table to describe parameters / fields
ParameterTypeDescription Default
submit_button_text
Text

Text that appears on the submit button.

"Submit"
password_placeholder
Text

Placeholder text for the password field.

"Password"
bad_password_message
Rich Text

Message to show when a password is entered incorrectly. 

"Sorry, please try again. "

Post Filter

Supported in pages, blog listings, blog posts, and emails.

HubL
{% module "post_filter" path="@hubspot/post_filter" %}
Use this table to describe parameters / fields
ParameterTypeDescription Default
select_blog
Blog

Select a blog to display. Default will use the current blog when used in a blog template or the primary blog when used elsewhere.

filter_type
Choice

Type of filtering links to show. Choices include:

  • tag
  • month
  • author
tag
order_by
Choice

Ordering for the values of filter links. Choices include:

  • post_count
  • name
post_count
list_title
Text

An H3 heading.

"Posts by Tag"
max_links
Number

Number of filter links to show. Leave blank to show all.

5
expand_link_text
Text

Text to display if more than the max_links value to display are available. 

"See all"

Post Listing

Supported in pages, blog listings, blog posts, and emails.

HubL
{% module "post_listing" path="@hubspot/post_listing" %}
Use this table to describe parameters / fields
ParameterTypeDescription Default
select_blog
Blog

Select a blog to display. Default will use the current blog when used in a blog template or the primary blog when used elsewhere.

listing_type
Choice

The type of listing for your posts. Choices include:

  • recent - Most recent.
  • popular_all_time - Most popular of all time.
  • popular_past_year - Most popular the past year.
  • popular_past_six_months - Most popular the past six months.
  • popular_past_month - Most popular the past month.
recent
list_title
Text

An H3 heading. 

"Recent Posts"
max_links
Number

Maximum number of posts to display. 

5

HTML - email

Supported in emails.

HubL
{% module "raw_html_email" path="@hubspot/raw_html_email" %}
Use this table to describe parameters / fields
ParameterTypeDescription Default
html
HTML

HTML block.

<p>\n Add custom HTML to your email.\n</p>

Rich Text

Supported in pages, blog listings, blog posts, and emails.

HubL
{% module "rich_text" path="@hubspot/rich_text" %}
Use this table to describe parameters / fields
ParameterTypeDescription Default
html
Rich Text

HTML block.

<h2>Something Powerful</h2>\n<h3>Tell The Reader More</h3>\n<p>The headline and subheader tells us what you're <a href=\"#\">offering</a>, and the form header closes the deal. Over here you can explain why your offer is so great it's worth filling out a form for.</p>\n<p>Remember:</p>\n<ul>\n<li>Bullets are great</li>\n<li>For spelling out <a href=\"#\">benefits</a> and</li>\n<li>Turning visitors into leads.</li>\n</ul>

RSS Listing

Supported in pages, blog listings, and blog posts.

HubL
{% module "rss_listing" path="@hubspot/rss_listing" %}
Use this table to describe parameters / fields
ParameterTypeDescription Default
title
Text

An H3 heading.

"Test"
rss_feed_type
Choice

Type of RSS feed. Choices include:

  • blog - HubSpot hosted blog.
  • external - An external RSS feed.
blog
rss_url
Text

RSS URL to use when rss_feed_type equals external.

content_group_id
Blog

Id of the blog to use when rss_feed_type equals blog.

topic_id
Tag

(optional) Id of the tag to filter by when rss_feed_type equals blog.

number_of_items
Number

Maximum number of posts to display.

5
include_featured_image
Boolean

Include the featured image.

false
show_author
Boolean

Show the author name.

true
attribution_text
Text

Text that attributes an author to a post. Displayed when show_author equals true.

"by"
show_detail
Boolean

Show post summary text.

true
limit_to_chars
Number

Limits the length of the summary text when show_detail equals true.

200
click_through_text
Text

The text which will be displayed for the clickthrough link at the end of a post summary when show_detail equals true.

"Read more"
show_date
Boolean

Show publish date.

true
publish_date_format
Choice

Format for the publish date when show_date equals true. Choices include:

  • short (ex: 06/11/06 12:00PM)
  • medium (ex: Jun 6, 2006 12:00:00 pm)
  • long (ex: June 6, 2017 12:00:00 pm EDT)
  • MMMM d, yyyy 'at' h:mm a (ex: June 6, 2006 at 12:00 pm)
  • h:mm a 'on' MMMM d, yyyy (ex: 12:00 pm on June 6, 2006)
short
publish_date_text
Text

The text that indicates when a post was published when show_date equals true.

"posted at"

Site Search Input

Supported in pages, blog posts, and blog listings.

HubL
{% module "search_input" path="@hubspot/search_input" %}
Use this table to describe parameters / fields
ParameterTypeDescription Default
field_label
Text

Search input label text

placeholder
Text

Placeholder text for the input field.

"Search"
include_search_button
Boolean

Include a search button.

false
content_types
Object

Which content types to include in search results. Object contains the following keys with boolean values:

  • website_pages
  • landing_pages
  • blog_posts
  • knowledge_articles
{ "website_pages": true, "landing_pages": false, "blog_posts": true, "knowledge_articles": false }

Search Results

Supported in pages, blog posts, and blog listings.

HubL
{% module "search_results" path="@hubspot/search_results" %}
Use this table to describe parameters / fields
ParameterTypeDescription Default
display_featured_images
Boolean

Display featured images for items.

false

Section Header

Supported in pages, blog listings, blog posts, and emails.

HubL
{% module "section_header" path="@hubspot/section_header" %}
Use this table to describe parameters / fields
ParameterTypeDescription Default
header
Text

Section header content.

"A clear and bold header"
heading_level
Choice

Heading level for the header. Choices include h1 through h6.

h1
subheader
Text

Subheading paragraph text for the section.

"A more subdued subheader"

Simple Menu

Supported in pages, blog listings, and blog posts.

HubL
{% module "simple_menu" path="@hubspot/simple_menu" %}
Use this table to describe parameters / fields
ParameterTypeDescription Default
menu_tree
Simple Menu

Simple menu object.

[]
orientation
Choice

Orientation of the menu. Choices include:

  • horizontal
  • vertical
horizontal

Social Sharing

Supported in pages, blog listings, blog posts, and emails.

HubL
{% module "social_sharing" path="@hubspot/social_sharing" %}

Note: The variable social_link_url in the default column below is the same value as the link parameter.

ParameterTypeDescription Default
link
Text

This is the destination link that will be shortened for easier sharing on social networks.

facebook
Object

Object containing:

  • enabled - Boolean to enable social item
  • custom_link_format - Custom URL for socials sharer URL
{ "enabled": false, "custom_link_format": "http://www.facebook.com/share.php?u={{ social_link_url }}" }
twitter
Object

Object containing:

  • enabled - Boolean to enable social item
  • custom_link_format - Custom URL for socials sharer URL
{ "enabled": false, "custom_link_format": "https://twitter.com/intent/tweet?original_referer={{ social_link_url }}&url={{ social_link_url }}&source=tweetbutton&text={{ social_page_title|urlencode }}" }
linkedin
Object

Object containing:

  • enabled - Boolean to enable social item
  • custom_link_format - Custom URL for socials sharer URL
{ "enabled": false, "custom_link_format": "http://www.linkedin.com/shareArticle?mini=true&url={{ social_link_url }}" }
pinterest
Object

Object containing:

  • enabled - Boolean to enable social item.
  • custom_link_format - Custom URL for socials sharer URL.
  • pinterest_media - Image object including:
    • src - Image URL.
    • alt - Alt text for image.
{ "enabled": false, "custom_link_format": "http://pinterest.com/pin/create/button/?url={{ social_link_url }}&media={{ pinterest_media }}", "pinterest_media": { "src": "", "alt": null } }
email
Object

Object containing:

  • enabled - Boolean to enable social item
  • custom_link_format - Custom URL for socials sharer URL
{ "enabled": false, "custom_link_format": "mailto:?subject=Check out {{ social_link_url }} &body=Check out {{ social_link_url }}" }

One Line of Text

Supported in pages, blog listings, blog posts, and emails.

HubL
{% module "text" path="@hubspot/text" %}
Use this table to describe parameters / fields
ParameterTypeDescription Default
value
Text

Add your text to this parameter.

"Some additional information in one line"

Video

Supported in pages, blog listings, and blog posts.

HubL
{% module "video" path="@hubspot/video" %}
Use this table to describe parameters / fields
ParameterTypeDescription Default
video_type
Choice

Type of video. Choices include:

  • embed - Embed code from an external source.
  • hubspot_video - HubSpot hosted video.
embed
hubspot_video
Video Player

HubSpot hosted video. Used when video_type equals hubspot_video.

embed_field
Embed

Supports embed types:

  • oembed
    • video - URL for video.
  • html - embed code for video.
oembed_thumbnail
Image

Override oembed thumbnail image when video_type equals embed and embed_field equals oembed.

style_options
Object

Object containing oembed_thumbnail_play_button_color - Color field.

{'oembed_thumbnail_play_button_color':'#ffffff'}
placeholder_fields
Object

Object containing:

  • placeholder_title - Text field.
  • placeholder_description - Text field.
{'placeholder_title':'No video selected', 'placeholder_description':'Select a video type in the sidebar.'}

Video Email

Supported in emails.

HubL
{% module "video_email" path="@hubspot/video_email" %}
Use this table to describe parameters / fields
ParameterTypeDescription Default
video_type
Choice

Type of video. Choices include:

  • embed - Embed code from an external source.
  • hubspot_video - HubSpot hosted video.
embed
hubspot_video
Video Player

HubSpot hosted video. Used when video_type equals hubspot_video.

embed
Object

Object containing source_type. Only value of oembed is available. 

{ "source_type": "oembed" }
oembed_thumbnail
Image

Override oembed thumbnail image when video_type equals embed and embed_field equals oembed.

{"size_type": "exact"}
style_options
Object

Object containing:

  • play_button_color - Color
  • play_button_scale - Number
{ {'play_button_color':{ 'color':'#2f4254', 'opacity':100},'play_button_scale' : 30} }
alignment
Choice

Alignment of video. Choices include:

  • left
  • center
  • right
center

Video Embed Lp

Supported in pages.

HubL
{% module "video_embed_lp" path="@hubspot/video_embed_lp" %}
Use this table to describe parameters / fields
ParameterTypeDescription Default
url
Text

URL for video. URLs from Vimeo and YouTube are supported.

"https://www.youtube.com/watch?v=X1Rr5BFO5rg"
is_full_width
Boolean

Sets the video to full width (true) or manually set width and height (false).

true
max_width
Number

Max width (px)

800
max_height
Number

Max height (px)

450

Was this page helpful? *
This form is for feedback on our developer docs. If you have feedback on the HubSpot product, please share it in our Idea Forum instead.