Add a progress bar on top of your blogpost or page to indicate the length of the page (HubSpot custom module)

CM - Progress bar
Johan Vantomme
Johan Vantomme
Nov 17, 2018 5:50:00 PM

HubSpot Blog HubSpot Modules

SHARE

Sometimes the scrollbar doesn't represent correctly the length of the post (specially if you have a long footer or any other block after your post, for example comments, or related post).

So in those cases the best way is add this new "scrollbar" that represent your position only for post height. So the visitor can see how much it left without loosing his scroll/read position.

How to install the custom module:

Step 0: (only if you don't have yet the module in your portal): Visit our marketplace, choose and buy the Progress bar CM.

Step 1: Add the module to your template

  1. Go to the Design Manager and open your template.
  2. Add the CM Progress bar module.
  3. Edit the CM default content with your prefered color and height for the bar.
  4. Save the template.
  5. Enjoy your new progress bar :) 
Johan Vantomme

Johan Vantomme

Johan is een van de oprichters van leadstreet, Platinum HubSpot Partner. HubSpot-certified op 5 niveau's. Hij weet technische kennis voor het ontwikkelen van websites te koppelen aan een grote kennis van online en de bijhorende commerciele en marketingkant. Johan is (ex-)zeilfanaat en een foodie.