react-widget-plugins

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

Due.Work Feedback

Due.Work Onboarding

Due.Work Live Chat

Widgets Demo

• Popup Widget Demo
• Inline Widget Demo
• Dialog Widget Demo

Standalone Link Demo

• Sample Link

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|dialog|inline

How to get workspaceId

1. Signup/Login to www.due.work
2. Create a project (From templates or an empty project)
3. Click on button Add to website
4. Activate your plugins of your choice ( Knowledge base | Live Chat | User Onboarding | Customer Feedback )
5. Go to embed code option and first argument of the code will be workspaceId. duework.popup.init("H01xss"). Here "H01xss" is workspaceId
6. For more help check our support page Due.Work Help and Support

Contact Us and Help

For more info contact us at [e-mail]
Our Help and Support Page Due.Work Help and Support