react-feedback-widget

    3.0.0 • Public • Published

    SerVoice React Feedback Widget

    A react wrapper for the SerVoice feedback widget. Easily collect and organize feedback from your visitors and users.

    Servoice Feedback Demo

    Installation

    npm

    npm i react-feedback-widget

    Usage

    Import the component:

    import { ServoiceFeedback } from 'react-feedback-widget';

    Set your config:

    const config = {
      servId: '1111111',
      servPID: 'kjh34kl2jh4kj234',
      userEmail: 'test@feedbackisgreat.com',
      userFirstName: 'David',
      userLastName: 'Groechel',
    };
    Key Value Required
    servId Your SerVoice portal Id Yes
    servPID The SerVoice project Id Yes
    userEmail The identified user in your app Optional
    userFirstName The first name of the identitfied user Optional
    userLastName The last name of the identified user Optional

     

    Wrap your component

    <ServoiceFeedback config={config}>
      <button type="button">Feedback?</button>
    </ServoiceFeedback>

     

    Note: There can only be one child element and it must emit a click event

     

    Full Example

    import { ServoiceFeedback } from 'react-feedback-widget';
    
    function App() {
      const config = {
        servId: '1111111',
        servPID: 'kjh34kl2jh4kj234',
        userEmail: 'test@feedbackisgreat.com',
        userFirstName: 'David',
        userLastName: 'Groechel',
      };
      return (
        <div className="App">
          <ServoiceFeedback config={config}>
            <button type="button">Feedback</button>
          </ServoiceFeedback>
        </div>
      );
    }
    
    export default App;

    Specific examples with codesandboxes coming soon.

    About

    This project is maintained by David Groechel and SerVoice.

    Install

    npm i react-feedback-widget@3.0.0

    Homepage

    servoice.io

    Version

    3.0.0

    License

    MIT

    Unpacked Size

    2.38 MB

    Total Files

    12

    Last publish

    Collaborators

    • servoice