---
title: Auto Breadcrumb Generator Documention
description: Auto Breadcrumb Generator Documention
---

[Skip to content](https://www.modfrybus.shop/auto-breadcrumb-generator-documention#main-content)

[![Modfrybus-logo](https://www.modfrybus.shop/hs-fs/hubfs/Module-images/Modfrybus-logo.png?width=90&height=52&name=Modfrybus-logo.png)](https://www.modfrybus.shop/?hsLang=en)

- [Home](https://www.modfrybus.shop/)
- [About](https://www.modfrybus.shop/about-us)
- [Services](https://www.modfrybus.shop/services)
- [Pricing](https://www.modfrybus.shop/pricing)
- [Blog](https://www.modfrybus.shop/modfrybus-blog)
- [Contact](https://www.modfrybus.shop/contact-us)

Open main navigation

Close main navigation

- [Home](https://www.modfrybus.shop/)
- [About](https://www.modfrybus.shop/about-us)
- [Services](https://www.modfrybus.shop/services)
- [Pricing](https://www.modfrybus.shop/pricing)
- [Blog](https://www.modfrybus.shop/modfrybus-blog)
- [Contact](https://www.modfrybus.shop/contact-us)
- [Marketplace Assests](https://app.hubspot.com/ecosystem/48318526/marketplace/modules?eco_providers=Modfrybus)

[Marketplace Assests](https://app.hubspot.com/ecosystem/48318526/marketplace/modules?eco_providers=Modfrybus)

#### Auto Breadcrumb Generator Documention

## 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.

![Group 1000002317](https://www.modfrybus.shop/hs-fs/hubfs/Module-images/Group%201000002317.png?width=1000&height=790&name=Group%201000002317.png)

**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.

![Group 1000002316](https://www.modfrybus.shop/hs-fs/hubfs/Module-images/Group%201000002316.png?width=1000&height=750&name=Group%201000002316.png)

 

## 6. Examples / Demo Preview

View the module in action:[https://www.modfrybus.shop/marketplace/auto-breadcrumb-generator](https://www.modfrybus.shop/marketplace/auto-breadcrumb-generator?hsLang=en)<https://www.modfrybus.shop/notification-announcement-bar?hsLang=en><https://www.modfrybus.shop/stacked-card-slider?hsLang=en><https://www.modfrybus.shop/ribbon-cards?hsLang=en><https://www.modfrybus.shop/hero-with-video-popup-divider?hsLang=en>

## 7. Support & Contact

For questions or support, contact us at [productqueriemodfrybus@outlook.com](mailto:productqueriemodfrybus@outlook.com) We’re happy to help!

[![Modfrybus-logo](https://www.modfrybus.shop/hs-fs/hubfs/Module-images/Modfrybus-logo.png?width=150&height=87&name=Modfrybus-logo.png "Modfrybus-logo")](https://www.modfrybus.shop/?hsLang=en)

[Privacy Policy](https://www.modfrybus.shop/privacy-policy?hsLang=en)

[Terms and Conditions](https://www.modfrybus.shop/terms-and-conditions?hsLang=en)

[Refund Policy & Support](https://www.modfrybus.shop/modfrybus-refund-policy-support?hsLang=en)

 Copyright © 2025, Modfrybus