1. Introduction (Overview)

Auto Breadcrumb Generator is a powerful HubSpot module that automatically creates dynamic, page-based breadcrumbs to improve navigation and user experience. It offers flexible styles, multiple separator options, text truncation, and mobile visibility control—ensuring clean and consistent breadcrumbs across your website.

2. Key Features

• Automatic Breadcrumb Generation Instantly generates breadcrumbs based on the current page structure.
• Multiple Separator Options Choose from arrow, dash, chevron, or slash separators.
• Flexible Breadcrumb Styles Select from styles like arrow, soft pill, or default design.
• Text Truncation Support Automatically shortens long breadcrumb text for better readability.
• Custom Home Icon/Text Option Replace the default home icon with custom text or choose to display an icon based on your preference. 
• Homepage Visibility Control Enable or disable breadcrumbs specifically on the homepage.
• Mobile Visibility Option Easily hide breadcrumbs on mobile devices for a cleaner layout.

3. Installation – Downloading the Module from HubSpot Marketplace

• Log in to your HubSpot account.
• Go to the Marketplace from the main navigation menu.
• Search for your module by name.
• Find the module in the results and click Install.
• If it’s a paid module, you can also click Buy Now to purchase and install directly.

4. How to Use – Adding the Module to Your Page

• Open your HubSpot page editor.
• Click on Add Module.
• Search for your module by name.
• Drag and drop the module into the desired section of your page.

• Auto Breadcrumb Generator automatically creates clean, page-based breadcrumbs to improve navigation. With multiple styles, separator options, and mobile controls, it ensures a smooth and consistent user experience across your website.

   

   

5. Module Settings Guide

1. Content Tab 

• Multiple Separator Options
  Choose from arrow, dash, chevron, or slash separators.
• Text Truncation Support
  Automatically shortens long breadcrumb text for better readability.
• Homepage Visibility Control
  Enable or disable breadcrumbs specifically on the homepage.
• Custom Home Icon/Text Option
  Replace the default home icon with custom text or choose to display an icon based on your preference. 

2. Style Tab

• Module Settings

  Set background, spacing, border radius, and shadow for overall breadcrumb box.

• Text Customization

  Adjust text color, font, and current breadcrumb text size and color.

• Color Options

  Customize home icon and separator colors to match your site design.

• Size Options

  Control default home icon and separator sizes for perfect alignment.

• Current Breadcrumbs Styling

  Style current breadcrumb with background, spacing, border, radius, and gaps.

 

6. Examples / Demo Preview

View the module in action:https://www.modfrybus.shop/marketplace/auto-breadcrumb-generator

7. Support & Contact

For questions or support, contact us at productqueriemodfrybus@outlook.com We’re happy to help!