Septeo Group, a French leader in digital solutions for legal professionals, serves over 120,000 professionals daily. Through its innovative software solutions, the company transforms and simplifies daily operations for notaries, lawyers, and real estate agents.
Facing growing web content management needs, Septeo entrusted us with a strategic mission: reimagining the Webflow experience for their 40 editors. The challenge was to enable teams to create dynamic and attractive pages by integrating components from their design system while maintaining visual consistency across their sites.
The challenge: extending Webflow's capabilities
Webflow excels at website creation and rapid growth through its intuitive CMS. However, there's a significant limitation in its Rich Text fields: the inability to integrate custom components (from projects or shared libraries) without coding knowledge.
This technical constraint forced Septeo teams into a frustrating choice: either limit themselves to Webflow's default options, restricting their creativity and innovation potential, or rely on developers for every customization. This situation had concrete repercussions:
- Loss of marketing team autonomy in content creation
- Creative limitations due to basic Webflow functionalities
- Extended publication timelines
- Increased risk of brand inconsistencies
- Complex validation processes
- Excessive use of technical resources
Our solution: an internal rich text component management platform
To address Septeo's needs, we developed a web page that centralizes all rich text components used across their Webflow sites. Access is password-protected, ensuring only authorized editors can use the platform.
User benefits
The platform was designed to streamline editorial teams' work:
Visual component library
Components are displayed as easy-to-browse cards, each showing a preview and customization options.
Streamlined search
Components are categorized with filters for quick access. A counter shows available components in each category.
Real-time direct editing
Hovering over a component reveals editable areas. Editors can modify texts, images, or links with instant preview.
Simple integration
One click copies the necessary code, ready for use in Webflow's rich text editor via embed code.
Technical benefits
The platform's architecture ensures performance and maintainability:
Resource management
- 24-hour cache for previews
- Automatic image optimization
- Progressive component loading
Modular structure
Components integrate into standardized cards (via Webflow components), making it easy to add new ones as needed.
Technologies used
- Vanilla JavaScript for core functionality
- HTML2Canvas for preview generation
- Quill.js for rich text editing
- LocalStorage for temporary modifications
How it works
The usage process follows a simple logic:
- Component selection
Editors use category filters to find needed components. - Customization
Editable zones highlight on hover. A contextual editor allows:- Rich text modification
- Image preview and changes
- Link adjustments
- Optional element removal
- Component reset if needed
- Preview
Changes appear directly in the card for final validation. - HTML code copy
A button copies the customized component's HTML code for:- Opening Webflow site
- Accessing rich text
- Pasting into "Embed" block
- Component reuse
Modifications save for 24 hours, allowing editors to:- Return to modified components
- Make additional adjustments
- Reset if needed
Impact and results
Key figures
- 85% time savings in content production
- 100% brand compliance
- 3x production volume increase
Multi-level efficiency gains
For marketing and communication teams
The solution unleashes creative potential: teams create, modify, and publish content autonomously, without technical constraints.
For developers
The modular approach allows technical teams to:
- Focus on platform evolution
- Enrich the component library as needed
- Maintain structured, scalable code
For Septeo
This innovation brings strategic advantages:
- Reduced operational costs
- Accelerated publication cycles
- Enhanced digital communication consistency
- Market evolution adaptability
A Custom Solution by Digidop
Facing Webflow Rich Text limitations, we developed this innovative product solution. This web platform naturally integrates into the Webflow ecosystem and transforms how teams manage their Rich Text components.
Our integration approach stands out for its simplicity:
- System installation in your existing Webflow environment
- Access configuration based on your security requirements
- Quick team training on platform usage
- Ongoing support to optimize utilization
The power of this product lies in its ability to adapt to different use cases. Whether it's a marketing team looking to accelerate their content production or a large company requiring perfect visual consistency, it evolves with your needs.
Summary
This solution developed for Septeo represents significant innovation in the Webflow ecosystem. Beyond addressing current technical needs, it lays the foundation for an evolving platform that will support the group's growth. Its modular architecture easily integrates new components and adapts to future Webflow developments. This achievement demonstrates Digidop's ability to create custom solutions combining technical performance and ease of use.
.webp)
