You can embed the feedback widget into your website or product to collect feedback. Using the widget, you'll be able to follow collected feedback on Producter and not skip any of them.

https://youtu.be/woevGBSEWsI

Below are instructions on how to embed Producter's feedback widget into your website or product.

1. Embed the script

Embed the following script link in the source HTML file of your website, inside the <head> or <body> tags, via the <script> tag.

Script link: https://producter-team.github.io/Widget-Builds/feedback/index.js

2. Create an element

Create an element with id producter-feedback-widget

3. Create a widget

When the page's DOM content is loaded, create a new ProducterFeedbackWidget Object with new keyword and pass your client id as a parameter.

4. Ready to go

That is it. Now you are ready to collect feedback 👌🏻

Examples:

<!DOCTYPE html>
<html lang="en">
  <head>
    <title>My awesome website</title>
		<script src="<https://producter-team.github.io/Widget-Builds/feedback/index.js>"></script>
  </head>
  <body>    
		<div id="producter-feedback-widget"></div>
    <script>
      window.addEventListener("DOMContentLoaded", () => {
        new ProducterFeedbackWidget("your-client-id");
      });
    </script>
  </body>
</html>

import React from 'react'

export default class HomePage extends React.Component {
  componentDidMount() {
	  new ProducterFeedbackWidget("your-client-id");
  }

  render() {
    return (
      <div id="producter-feedback-widget"></div>
    );
  }
}