react-widgets-plugin

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-widgets-plugin --save

yarn add react-widgets-plugin

How to use

import ReactWidget from 'react-widgets-plugin';

<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 [e-mail]
Our Help and Support Page Due.Work Help and Support