> ## Documentation Index
> Fetch the complete documentation index at: https://docs.wizflow.io/llms.txt
> Use this file to discover all available pages before exploring further.

# Flow Builder Advanced

> Advanced features, analytics, and technical concepts for Flow Builder

This guide covers advanced Flow Builder features and optimization techniques. If you're new to Flow Builder, start with [Flow Builder Basics](/features/flow-builder-basics) first.

<Note>
  **Prerequisites**: This guide assumes you understand basic flow creation, entities, and connections. Complete a few flows using the AI Assistant before diving into these advanced features.
</Note>

***

## Analytics Dashboard

### Flow Performance Analytics

Wizflow provides detailed analytics to help you optimize your flows for better completion rates:

\[**GIF Coming Soon**: Working demonstration of the Analytics Dashboard showing drop-off analysis and performance charts]

<CardGroup cols={2}>
  <Card title="Completion Funnel" icon="chart-line">
    **Visual Flow Tracking**

    * See exact user progression through each step
    * Identify the biggest drop-off points
    * Track completion rates over time
  </Card>

  <Card title="Response Data Dashboard" icon="chart-bar">
    **User Interaction Insights**

    * View all user responses and submissions
    * Export data for analysis
    * Track form performance metrics
  </Card>
</CardGroup>

### Analytics Features

<Tabs>
  <Tab title="Flow Analytics">
    **High-Level Flow Performance**

    * Overall completion rates
    * User journey visualization
    * Traffic patterns and peak usage times
    * Conversion funnel analysis
  </Tab>

  <Tab title="Entity Analytics">
    **Individual Component Performance**

    * Drop-off rates by entity
    * Validation error frequencies
    * Time spent on each question
    * Most/least engaging components
  </Tab>

  <Tab title="Response Data">
    **User Submission Details**

    * All form responses in one dashboard
    * Export capabilities (CSV, Excel)
    * Filter and search responses
    * Integration with external analytics tools
  </Tab>
</Tabs>

<Info>
  **Optimization Strategy**: Focus on the biggest drop-off points first. Even small improvements at high-traffic abandonment points can significantly increase overall completion rates.
</Info>

***

## Node Collections

### What Are Node Collections?

Node Collections are libraries of reusable flow components that can be shared across multiple flows:

\[**GIF Coming Soon**: Demonstration of browsing and using Node Collections in Flow Builder]

<CardGroup cols={2}>
  <Card title="Reusable Components" icon="puzzle-piece">
    **Building Blocks**

    * Pre-built entities with common functionality
    * Tested triggers for integrations
    * Markers and annotations for flow organization
  </Card>

  <Card title="Share Across Flows" icon="share-nodes">
    **Consistency & Efficiency**

    * Maintain consistent user experiences
    * Save time with proven components
    * Update once, benefit everywhere
  </Card>
</CardGroup>

### Available Collections

<Tabs>
  <Tab title="Calculation Collection">
    **Mathematical & Financial Components**

    * Insurance premium calculators
    * Loan eligibility assessments
    * Investment projection tools
    * Tax calculation helpers
  </Tab>

  <Tab title="PDF Utility Nodes">
    **Document Generation**

    * Dynamic PDF creation from form data
    * Document viewing and display components
    * Template-based document generation
    * Digital signature integration
  </Tab>

  <Tab title="Email Service">
    **Communication Automation**

    * Welcome email sequences
    * Confirmation and receipt emails
    * Follow-up automation
    * Notification systems
  </Tab>

  <Tab title="Integration Helpers">
    **External Service Connections**

    * API integration components
    * Database connection helpers
    * Third-party service triggers
    * Authentication and security components
  </Tab>
</Tabs>

### Using Node Collections

<Steps>
  <Step title="Access Collections">
    Click the Node Collections button in the Flow Builder toolbar
  </Step>

  <Step title="Browse by Category">
    Review collections organized by function (entities, triggers, integrations)
  </Step>

  <Step title="Preview Components">
    See component descriptions and requirements before adding
  </Step>

  <Step title="Add to Flow">
    Drag collection components directly onto your canvas
  </Step>

  <Step title="Configure & Test">
    Customize components for your use case and test thoroughly
  </Step>
</Steps>

***

## Advanced Canvas Management

### Complex Flow Navigation

For flows with many entities, use these tools:

\[**Screenshot Coming Soon**: Complex flow showing navigation and organization tools]

<AccordionGroup>
  <Accordion title="Navigation Features">
    **Finding Your Way Around**

    * **Zoom controls**: Mouse wheel or gesture-based zooming
    * **Mini-map**: Birds-eye view for large flows
    * **Search function**: Find entities by name, key, or content
    * **Flow outline**: Hierarchical view of all entities
  </Accordion>

  <Accordion title="Organization Tools">
    **Keeping Flows Manageable**

    * **Markers**: Visual annotations and section labels
    * **Entity grouping**: Arrange related components together
    * **Connection management**: Clean, logical flow paths
    * **Color coding**: Visual organization by function or priority
  </Accordion>

  <Accordion title="Performance Tips">
    **Working with Large Flows**

    * **Section testing**: Test parts independently before connecting
    * **Modular design**: Break complex flows into logical sections
    * **Connection cleanup**: Remove unused or redundant paths
    * **Regular optimization**: Periodically review and simplify
  </Accordion>
</AccordionGroup>

### Multi-Entity Operations

<CardGroup cols={2}>
  <Card title="Selection Tools" icon="mouse-pointer">
    **Working with Multiple Entities**

    * **SHIFT + drag**: Select entities in a region
    * **CMD/CTRL + click**: Add individual entities to selection
    * **Select all**: Choose all entities of a specific type
  </Card>

  <Card title="Bulk Operations" icon="layers">
    **Efficient Editing**

    * **Copy/Paste**: Duplicate sections with relationships intact
    * **Bulk delete**: Remove entire sections at once
    * **Group move**: Reposition related entities together
    * **Bulk property editing**: Change multiple entity settings
  </Card>
</CardGroup>

***

## Version Control & History

### Flow History Management

While advanced version control is in development, use these current capabilities:

\[**Screenshot Coming Soon**: History panel showing version management options]

<CardGroup cols={2}>
  <Card title="Never Lose Progress" icon="shield-check">
    **Automatic Backup**

    * All changes automatically saved
    * Browser backup prevents data loss
    * Recovery from unexpected closures
  </Card>

  <Card title="Version Tracking" icon="clock-rotate-left">
    **Change History**

    * View all published versions
    * See what changed between versions
    * Revert to previous versions when needed
  </Card>
</CardGroup>

### Publishing Strategy

<Tabs>
  <Tab title="Save vs Publish">
    **Understanding the Difference**

    * **Save**: Keep changes as draft, safe for experimentation
    * **Publish**: Make changes live immediately for all users
    * **Static Analysis**: Automatic check for common issues before publishing
  </Tab>

  <Tab title="Version Management">
    **Best Practices**

    * **Name versions**: Give meaningful names to major releases
    * **Local drafts**: Create drafts of old versions for testing
    * **Gradual rollout**: Test with small user groups first
    * **Rollback plan**: Always have a revert strategy
  </Tab>

  <Tab title="Display Changes">
    **Review Before Publishing**

    * **Diff view**: See exactly what will change
    * **Impact analysis**: Understand effects on live users
    * **Testing checklist**: Verify all functionality before going live
  </Tab>
</Tabs>

<Warning>
  **Publishing Impact**: Published changes affect users immediately. Always test thoroughly in draft mode before publishing, especially for flows with active users.
</Warning>

***

## Custom Entities in Advanced Workflows

### When to Build Custom Components

Custom entities become essential for advanced workflows that require:

<CardGroup cols={2}>
  <Card title="Specialized Business Logic" icon="gears">
    **Beyond Standard Entities**

    * Complex calculations specific to your industry
    * Multi-step validation processes
    * Integration with proprietary systems
  </Card>

  <Card title="Advanced User Interactions" icon="cursor-click">
    **Rich Interface Components**

    * Interactive visualizations and charts
    * Multi-file upload with processing
    * Real-time data validation and feedback
  </Card>
</CardGroup>

### Integration with Advanced Features

Custom entities work seamlessly with other advanced Flow Builder capabilities:

* **Analytics Integration**: Custom entities automatically report user interaction data
* **Node Collections**: Package your custom entities for reuse across flows and teams
* **Variables System**: Access and manipulate flow variables within your custom logic
* **Conditional Logic**: Use custom entity outputs for sophisticated routing decisions

### Performance Considerations

When building custom entities for complex flows:

<AccordionGroup>
  <Accordion title="Large Flow Optimization">
    **Managing Complex Workflows**

    * Lazy loading of heavy custom components
    * Efficient data binding to prevent performance issues
    * Memory management for long-running flows
  </Accordion>

  <Accordion title="Analytics Impact">
    **Tracking Custom Interactions**

    * Custom entities can emit detailed analytics events
    * Track specialized user behaviors not captured by standard entities
    * Integration with performance monitoring
  </Accordion>
</AccordionGroup>

<Info>
  **Deep Dive**: For complete custom entity development including the AI-powered Custom Entity Copilot, technical implementation, and extensive examples, see the dedicated [Custom Entities Guide](/features/custom-entities).
</Info>

***

## Variables & Data Model Integration

### Dynamic Value Computation

Use Variables for sophisticated data handling:

\[**Screenshot Coming Soon**: Variables panel showing dynamic computations]

<CardGroup cols={2}>
  <Card title="Global Variables" icon="globe">
    **Cross-Flow Data Sharing**

    * Share data between different flows
    * Maintain user context across sessions
    * Create personalized experiences
  </Card>

  <Card title="Computed Values" icon="calculator">
    **Dynamic Calculations**

    * Real-time calculations based on user input
    * Complex business logic implementation
    * Conditional value derivation
  </Card>
</CardGroup>

### External Data Integration

Connect with external systems for rich data experiences:

<Tabs>
  <Tab title="Dreamplan Household">
    **Household Data Integration**

    * Family member information
    * Household composition data
    * Demographic insights for financial planning
  </Tab>

  <Tab title="Salesforce Integration">
    **CRM Connection**

    * Lead and contact synchronization
    * Opportunity tracking
    * Customer history integration
  </Tab>

  <Tab title="Custom Integrations">
    **API Connections**

    * REST API integration capabilities
    * Database connections
    * Third-party service integration
  </Tab>
</Tabs>

***

## Localization

### Multi-Language Support

Make your flows available in multiple languages:

\[**GIF Coming Soon**: Demonstration of language switching and management]

<CardGroup cols={2}>
  <Card title="Language Management" icon="language">
    **Multi-Language Flows**

    * Same flow logic, multiple languages
    * Centralized translation management
    * Context-aware language switching
  </Card>

  <Card title="Regional Adaptation" icon="map">
    **Cultural Customization**

    * Regional date and number formats
    * Cultural adaptation of content
    * Local compliance requirements
  </Card>
</CardGroup>

### Localization Features

<Steps>
  <Step title="Enable Localization">
    Turn on multi-language support for your flow
  </Step>

  <Step title="Add Languages">
    Choose target languages for your audience
  </Step>

  <Step title="Translate Content">
    Translate entity labels, help text, and messages
  </Step>

  <Step title="Test Each Language">
    Verify translations work correctly in context
  </Step>

  <Step title="Manage Updates">
    Keep translations synchronized with flow changes
  </Step>
</Steps>

***

## Performance Optimization

### Flow Efficiency Strategies

Based on analytics data, optimize for better user experiences:

<AccordionGroup>
  <Accordion title="Completion Rate Optimization">
    **Reducing Abandonment**

    * **Minimize steps**: Combine related questions where logical
    * **Progress indicators**: Show users their progress through the flow
    * **Smart defaults**: Use available data to pre-fill fields
    * **Error prevention**: Clear validation and helpful error messages
  </Accordion>

  <Accordion title="Mobile Experience">
    **Mobile-First Design**

    * **Touch-friendly**: Large buttons and easy navigation
    * **Responsive layout**: Adapts to all screen sizes
    * **Fast loading**: Optimize for mobile network conditions
    * **Simplified input**: Minimize typing on mobile devices
  </Accordion>

  <Accordion title="Advanced UX Patterns">
    **Sophisticated User Experience**

    * **Conditional display**: Hide irrelevant questions
    * **Smart branching**: Route users efficiently based on responses
    * **Contextual help**: Provide guidance exactly when needed
    * **Accessibility**: Ensure usability for all users
  </Accordion>
</AccordionGroup>

***

## Related Advanced Topics

<CardGroup cols={2}>
  <Card title="Entities Overview" icon="puzzle-piece" href="/features/entities-overview">
    Complete guide to all 35+ entity types and their advanced properties
  </Card>

  <Card title="Conditional Logic & Routing" icon="code-branch" href="/features/conditional-logic-routing">
    Master complex branching and conditional display patterns
  </Card>

  <Card title="Triggers & Automation" icon="bolt" href="/features/triggers-automation">
    Advanced automation and external service integration
  </Card>

  <Card title="PDF Form Editor" icon="file-pdf" href="/features/pdf-form-editor">
    Generate dynamic documents from flow data with visual editor
  </Card>
</CardGroup>

***

## Support Resources

<CardGroup cols={2}>
  <Card title="Technical Support" icon="headset">
    **Advanced Implementation Help**
    Contact [support@wizflow.io](mailto:support@wizflow.io) for complex flow architecture and optimization guidance
  </Card>

  <Card title="Flow Builder Basics" icon="graduation-cap">
    **Foundation Knowledge**
    Return to [Flow Builder Basics](/features/flow-builder-basics) for core concepts and getting started
  </Card>
</CardGroup>