---
title: Sequential Process Flow Documention
description: Sequential Process Flow Documention
---

[Skip to content](https://www.modfrybus.shop/sequential-process-flow-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)

#### Sequential Process Flow Documention

## 1. Introduction (Overview)

**Sequential Process Flow** is a modern HubSpot module designed to showcase workflows, timelines, and step-by-step processes using animated connector lines and interactive card layouts. The module includes flexible card box styles, responsive design, smooth animations, and a left-side content section with support for two customizable buttons.

## 2. Key Features

- Animated SVG connector lines
- Interactive sequential card flow
- Left-side content section with heading and description
- Support for two customizable buttons
- Multiple card box style variations
- Icon, number, or simple card layouts
- Fully responsive design
- Dynamic repeater card support

## 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.
- **Sequential Process Flow** is an interactive HubSpot module with animated connector lines, responsive card layouts, flexible content sections, and customizable buttons for modern workflows.

## 5. Module Settings Guide

**1. Content Tab** 

- **Add Left Block**  
  Add heading, description, and two customizable buttons for flexible left-side content.
- **Add Multiple Card Boxes**  
  Add multiple card boxes with customizable titles and descriptions.
- **Add Content Type**  
  Choose between index number, HubSpot icon, custom icon, or no icon style.

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

**2. Style Tab**

- **Left block customization:** heading font, color, size, line height, spacing, and description styling
- **Button customization:** font size, text color, background color, border radius, padding, and button spacing
- **Card box customization:** title, description, index number, icon styling, background color, spacing, and box shadow
- **Typography controls:** font size, color, font weight, and line height options
- **Icon customization**: icon size, icon color, and icon background color settings
- **Animated line customization**: line color and stroke width controls
- **Module layout settings**: choose custom width or full-width layout
- **Background customization:** background color and background image options
- **Responsive spacing controls**: separate spacing settings for desktop and mobile devices

 

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

 

## 6. Examples / Demo Preview

View the module in action: [https://www.modfrybus.shop/sequential-process-flow](https://www.modfrybus.shop/sequential-process-flow?hsLang=en)<https://www.modfrybus.shop/integrations-pro?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