Demofl.io is a powerful Chrome extension designed to streamline the demo creation process for Sales and Solutions Engineers (SEs). It simplifies the way you build, manage, and present demo flows, making your presentations more engaging and effective for prospects.
-
Easy Demo Flow Management
- Copy/Paste Demo Flows: Quickly duplicate existing demo flows to save time and maintain consistency across presentations.
- Grouped Tabs: Organize related tabs into groups for a cleaner and more efficient workspace.
-
Customization Options
- Logos and Themes: Personalize your demos by customizing company logos and selecting from a variety of color themes.
- On-the-Fly Slide Creation: Generate slides dynamically during your demo, allowing for a more interactive and adaptable presentation.
-
Enhanced Storytelling
- Persona Integration: Incorporate detailed personas into your user stories with profile cards, adding a human touch to your demos.
- Color-Themed Slides: Choose colors that align with your brand to ensure your slides are both visually appealing and consistent.
- Time-Saving: Reduce the time spent on building demos by reusing and adapting your previous work effortlessly.
- Consistency: Maintain a professional and consistent look across all your demos with customizable themes and logos.
- Enhanced Engagement: Create more compelling and relatable demos by integrating personas and interactive slides, leading to better engagement with your prospects.
You can install Demofl.io either directly from the Chrome Web Store or manually by following the steps below.
- Visit the Demofl.io Chrome Web Store page.
- Click on the "Add to Chrome" button.
- Confirm the installation by clicking "Add extension" in the popup dialog.
- Once installed, you'll see the Demofl.io icon in your Chrome toolbar. Click the icon to start using the extension.
If you prefer to install Demofl.io manually, follow these steps:
-
Download the latest release and extract the zip locally:
https://github.com/demofl-io/demofl.io/releases/latest/download/demoflio-extension.zip -
Navigate to the Project Directory:
cd demofl.io -
Load the Extension into Chrome:
- Open Chrome and navigate to
chrome://extensions/. - Enable "Developer mode" by toggling the switch in the top right corner.
- Click on the "Load unpacked" button.
- Select the
demofl.iofolder from your project directory.
- Open Chrome and navigate to
-
Verify Installation:
- Once loaded, the Demofl.io icon should appear in your Chrome toolbar.
- Click the icon to ensure the extension is working correctly.
- Install Dependencies:
npm install
- Build the Project:
npm run build
What a demo file looks like :
Overview of all steps in the demo journey
Meet the team page with persona cards
Draggable persona overlay on demo pages
Draggable persona overlay on demo pages
Configure product details and branding
Customize colors and appearance settings
Set up customer-specific details
Define personas for your demo story
Create and organize your demo flow steps
Manage and organize your product and customer logos
Handle persona pictures and profile images
This project is licensed under the MIT License - see the LICENSE file for details.
You can read our privacy policy here.
Create a new browser profile separate from your day to day usage so that the extension will only inject the script during your demo
-
UI Enhancements
Develop a user-friendly interface for building and managing demo flows.- Expand theme customization options for more personalization.
-
Additional Functionalities
- Introduce more advanced features based on user feedback to further enhance the demo creation experience.
