If you have website using plain HTML, you can use feedback.farm with a script tag

Usage

1. Create a project on the feedback.farm platform and then grab the project id.
2. Insert the following snippet

<script>
	let w;
  (function (d, s, id) {
    const props = {
      projectId: "YOUR_PROJECT_ID",
      pageName: window.location.href,
      identifier: 'anonymous',
      onClose: () => { w = null }
    };
    var e,t=d.getElementsByTagName(s)[0];
    d.getElementById(id)||
    ((e=d.createElement(s)).id=id,
    e.src="<https://feedback.farm/farm-2.1.0.js>",
    t.parentNode.insertBefore(e,t),e.onload=function(){window.onload=()=> {
    const t=document.getElementById("feedback-farm");t.onclick=function(e){
    e.stopPropagation(),w||(w=window.FeedbackFarmWidget({...props,triggerElement:t})
    )}}})
  })(document, 'script', 'feedback-farm-js');
</script>

<!-- HTML Button that will trigger the widget -->
<button id="feedback-farm">Give feedback</button>

Parameters

FeedbackTypeIcons

Those property need to be string url to the image. Example here

{
  FEATURE: string;
  BUG: string;
  OTHER: string;
}

Recommended width size

• Feature: 30px
• BUG: 29px;
• OTHER: 25px

If you are using react, have a look here.