react-widgets-plugin

The simplest way to integrate wiki and knowledge base for growing teams. Beautiful, feature rich, and components..

Usage no npm install needed!

<script type="module">
  import reactWidgetsPlugin from 'https://cdn.skypack.dev/react-widgets-plugin';
</script>

README

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

Feedback

Due.Work Onboarding

Onboarding

Due.Work Live Chat

Live Chat

Widgets Demo

Standalone Link Demo

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|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 support@due.work
Our Help and Support Page Due.Work Help and Support