Web Integration

Easyteam's web components offer a fully customizable workforce management interface that can be seamlessly integrated into your platform in minutes.

Choose between React Components for deeper customization or the Iframe Component for quick deployment. This guide will walk you through selecting and implementing the right approach for your platform.

Iframe Integration

For platforms requiring a quicker setup, the Iframe integration using EasyTeamLauncher offers a complete workforce management interface with minimal effort.

Recommended for most platforms: Use the iframe element to embed Easyteam features directly in your web app while maintaining full control over customization and behavior.

Installation

Basic Implementation

The launcher supports navigation between different views:

Read more about Iframe UI implementation in White-Label UI docs - Iframe.

React Integration

Installation

Provider Setup

Wrap your application with the EasyTeamProvider:

Example Component Implementation

Read more about UI implementation in White-Label UI docs.

Comparison

React Integration

✔️ Full customization control
✔️ Deep integration with existing UI
✔️ Custom state management
✔️ Flexible routing
⚠️ Requires more initial setup

Iframe Integration

✔️ Fastest implementation
✔️ Automatic updates
✔️ Minimal maintenance
✔️ Built-in responsive design
⚠️ Limited customization

Next Steps

Choose your integration method based on your requirements.

Set up Integration and Authentication.

Explore the complete White-Label UI docs.

💡

Need help deciding? Contact our team to discuss your specific needs and get implementation guidance.

Iframe Integration#

Installation#

Basic Implementation#

Navigation Between Pages#

React Integration#

Installation#

Provider Setup#

Example Component Implementation#

Comparison#

React Integration#

Iframe Integration#

Next Steps#

Iframe Integration

Installation

Basic Implementation

Navigation Between Pages

React Integration

Installation

Provider Setup

Example Component Implementation

Comparison

React Integration

Iframe Integration

Next Steps