Embeddable Widget
An embeddable widget is a pre-built UI component that third-party services provide for integration into any website or application. In customer support, embeddable widgets typically appear as chat bubbles or help buttons that customers can interact with directly on your site. The widget handles the UI while communicating with the provider's backend via API.
Script tag vs SDK installation
The simplest widgets require just a single script tag in your HTML — no build tools, no package managers, no framework dependencies. More advanced integrations use npm packages (like React components) that offer deeper control over the widget's behavior and appearance within your application.
Customization and vendor lock-in
Most helpdesk widgets come with the vendor's branding and design constraints. Customization is typically limited to colors and logo. This creates visual inconsistency with your product and vendor lock-in — switching providers means your customers see a different chat experience. Headless alternatives solve this by letting you own the UI.
EchoSDK's widget approach
EchoSDK provides a default chat widget that deploys with a single script tag for quick setup. For deeper integration, the @echosdk/react npm package offers a React component with full styling control. And since EchoSDK is headless, you can skip the widget entirely and build a custom UI using the REST API.
Related terms
Headless Support
A support architecture where the backend infrastructure is decoupled from the frontend UI, giving developers full control over the customer experience.
API-First Design
A development approach where the API is designed and built as the primary interface, with any UI or widget being a consumer of that API rather than the core product.
Script Tag Integration
A deployment method where a third-party tool is added to a website by inserting a single HTML script tag, requiring no build tools or framework dependencies.