Optimize Your Website
HubSpot Modules /

Person Module

Free

Build a cohesive team page or "About Me" section fast. 

Make your team shine with standout profiles. The Jake Person Module for HubSpot is a breeze to use, letting you create beautiful introductions for team members, vendors, and leadership on your HubSpot website or landing page.

Module Demo FAQ Free Download Documentation

 

Module Demo

Say goodbye to boring bios! The Person Module jazzes up your "About Me" page with personalized profiles that blend text, images, and social links into one sleek package.

jake-lett-2022-orange
Jake Lett
Consultant
Add a short bio for this team member. Try to keep each of these consistent in scope and format. Most importantly, remember to use your company's voice for this copy. This is the place where folks come to find out who you are as an organization and what kind of people they might be interacting with if they choose to work with you.
jake-lett-2022-orange
Jake Lett
Consultant
Add a short bio for this team member. Try to keep each of these consistent in scope and format. Most importantly, remember to use your company's voice for this copy. This is the place where folks come to find out who you are as an organization and what kind of people they might be interacting with if they choose to work with you.
jake-lett-2022-orange
Jake Lett
Consultant
Add a short bio for this team member. Try to keep each of these consistent in scope and format. Most importantly, remember to use your company's voice for this copy. This is the place where folks come to find out who you are as an organization and what kind of people they might be interacting with if they choose to work with you.
jake-lett-2022-orange
Jake Lett
Consultant
Add a short bio for this team member. Try to keep each of these consistent in scope and format. Most importantly, remember to use your company's voice for this copy. This is the place where folks come to find out who you are as an organization and what kind of people they might be interacting with if they choose to work with you.
jake-lett-2022-orange
Jake Lett
Consultant
jake-lett-2022-orange
Jake Lett
Consultant
jake-lett-2022-orange
Jake Lett
Consultant
Add a short bio for this team member. Try to keep each of these consistent in scope and format. Most importantly, remember to use your company's voice for this copy. This is the place where folks come to find out who you are as an organization and what kind of people they might be interacting with if they choose to work with you.
jake-lett-2022-orange
Jake Lett
Consultant
Add a short bio for this team member. Try to keep each of these consistent in scope and format. Most importantly, remember to use your company's voice for this copy. This is the place where folks come to find out who you are as an organization and what kind of people they might be interacting with if they choose to work with you.
 

Module Documentation

Content 

Team Member Photo: Select the image you would like to use. For best results, use an image with a square crop.

First Name: Add the first name as text

Last Name: Add the last name as text

Title: Add the job title text

Biography: Add the biography text in rich text format

Social Profiles

Social Platform: Choose the social platform logo

URL: Enter the social site profile link URL

Styles

Presets

Icon Size: By default, the social icons are 24px wide

Layout: Choose the layout you would like to use on desktop. On mobile it will always be stacked to save horizontal space.

Alignment: Adjust the horizontal and vertical alignment of the text and image.

Bio Text Maximum Width: If you have a module in a one or two-column layout, this will prevent the bio text from running too wide. You can adjust this as needed.

Image

Circle Image: Check this box if you want your image to be cropped in a circle

Name & Title

Name Font: Choose the font color, size, and text decoration. By default, it will inherit the theme body font.

Title Font: Choose the font color, size, and text decoration. By default, it will inherit the theme body font.

Spacing: Adjust the margin and padding

Bio

Bio Font: Choose the font color, size, and text decoration. By default, it will inherit the theme body font.

Spacing: Adjust the margin and padding

Social Icons

Color: Set the color of the social profile icons

Hover Color: Set the color of the social profile icons when the mouse hovers over the icons

Hover Animation: Check this to enable a hover effect of the icons growing in size slightly

Container

Background Color: Sets a background color for the entire person card container

Spacing: Adjust the margin and padding

Border: Add a border to the container if you would like

Border Radius: Add a border radius in pixels

 

Frequently Asked Questions

Steps How to add a Jake Addons custom module to a page.

  1. In your HubSpot account, navigate to Marketing > Website > Website Pages.
  2. Hover over a page and click Edit.
  3. In the content editor sidebar on the left of the window, locate the search box and type "jake"
  4. Next, select a module that appears in the All Modules section
  5. Click a module and drag it into position on the page.

How do I add this HubSpot module to a page?

Some pages you create will require an image gallery or tab content, but others will not. HubSpot modules give you the control to add new functionality to only the pages you need without impacting the rest of the pages on your website. These modules are added to drag-and-drop areas or sections when editing a page. If you are more familiar with WordPress, they are like blocks or plugins in that CMS.
Have a question? Contact Me