Jake Hero Banner
Parallax Image or Video. Free & Easy to Use.
Free
Wave Goodbye to Low Engagement and Start Grabbing Attention with A Parallax Scroll Hero Banner
Adding a page hero banner is made easy with this free custom module for HubSpot CMS.
Features and Benefits
- Works with images or video!
- Easily add a different image for desktop and mobile to control the design.
- Add an overlay color to make your text more readable.
- Easily adjust colors and fonts to fit your branding.
- Setting to turn off the parallax effect if so desired.
- Free and easy to use!
Steps How to add a Jake Addons custom module to a page.
- In your HubSpot account, navigate to Marketing > Website > Website Pages.
- Hover over a page and click Edit.
- In the content editor sidebar on the left of the window, locate the search box and type "jake"
- Next, select a module that appears in the All Modules section
- Click a module and drag it into position on the page.
My recommendations for the video can be adjusted based on your preference on quality/file size. You want the "best" quality video at the smallest file size you can. Best is subjective based on your needs for page load vs branding and design precision. Usually, you need to find a compromise between the two.
- 16:9 aspect ratio, 1280 x 720 mpg - if it needs to be crisper and less pixelated try increasing the resolution to 1920 x 1080. Here is a full list of video resolutions and how they impact the quality.
- would make the run time as short as possible to visually communicate your subject matter. This can vary if you are showing different scenes vs a loop background texture. I would also look into building a seamless loop if possible - Watch tutorial on how to make a seamless video edit
Make sure you are using a MP4 video format. This is the only video format that works with this module.
View the the other FAQ question - "What video sizes and file format do you recommend" for more information.
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.
HubSpot CMS Hub Overview
The content management system you need to easily create and personalize website pages for every visitor — optimized for conversion across every device. Rely on developers as much or as little as you’d like.
HubSpot CMS Hub Features
- Drag and drop page editor
- Image and file manager
- Fully integrated CRM
- Contact attribution analytics – know where leads come from
- Multiple language support
- Build website pages, landing pages, and blog posts
- Managed website hosting and security
HubSpot CMS Hub Benefits
- Marketing and Sales can have one login and tool for their website
- Easy to use website builder without having to manage website hosting and plugins
- Can make content translation and smart content to leverage your CRM data
Get Started
Ready to Use This On Your Page?
