React Widgets
The simplete way to integrate wiki and knowledge base, customer feedback, onboarding for growing teams. Beautiful, feature rich, and components.
All in one customer engagement
Knowledge base | Live Chat | User Onboarding | Customer Feedback
Website
Due.Work Feedback
Due.Work Onboarding
Due.Work Live Chat
Widgets Demo
Standalone Link Demo
Installation
npm install react-widget-plugins --save
yarn add react-widgets-plugins
How to use
import ReactWidget from 'react-widget-plugins';
<ReactWidget
workspaceId={workspaceId} //Required - follow step at bottom to get your workspaceId
widget="popup" // popup | dialog | inline
onLoad={() => {
console.log('Widget has loaded successfully.');
}}
/>
Props
Name | Required | Type | Default | Description |
---|---|---|---|---|
onLoad |
Function |
A callback to be called when widget is loaded successfully. function onLoad() { /* Widget Loaded Successfully */ }
|
||
widget |
String |
popup |
Type of widget on which you want to load your plugins `popup |
How to get workspaceId
- Signup/Login to www.due.work
- Create a project (From templates or an empty project)
- Click on button Add to website
- Activate your plugins of your choice
( Knowledge base | Live Chat | User Onboarding | Customer Feedback )
- Go to embed code option and first argument of the code will be workspaceId.
duework.popup.init("H01xss")
. Here"H01xss"
is workspaceId - For more help check our support page Due.Work Help and Support
Contact Us and Help
For more info contact us at support@due.work
Our Help and Support Page Due.Work Help and Support