Feedback Farm Docs
  • Welcome
  • Widget
    • For React
    • For HTML
    • For Wordpress
    • Build your own
  • Integration
    • Zapier
    • Logsnag
    • Webhooks
  • Web App
    • Custom domain for public board
  • Reference
    • API Reference
      • Theme
      • Types
      • Localization
Powered by GitBook
On this page
  • Get your Project id
  • Add the widget to your site
  • Advanced option
Edit on GitHub
  1. Widget

For HTML

PreviousFor ReactNextFor Wordpress

Last updated 2 years ago

Good to know: You first need to create an account on .

Get your Project id

You can get your project id by going to and select your project.

Add the widget to your site

Suppose that you have and HTML website like this

// index.html
<html>
  <head>
    ...
  </head>

  <body>
    <button>Give Feedback</button>
  </body>
</html>

You then want to add the script and the attributes to the button

// index.html
<html>
  <head>
    <script
      src="https://unpkg.com/@feedbackfarm/js@1.0.6/dist/widget.js"
      defer
    ></script>
  </head>

  <body>
    <button data-feedback-farm data-feedback-farm-project-id="123">
      Give Feedback
    </button>
  </body>
</html>

Now when you click the button, you should see the widget.

Advanced option

Now that you have the widget working correctly, the widget support some properties that will allow you to customize it. Here's the available properties.

Property Name
Value Type
Description

data-feedback-farm

empty*

You need to add this attributes to make it work

data-feedback-farm-identifier

string

A string identifier that represent the user submitting the feedback. Ex: userId, email, ...

data-feedback-farm-localization

You can update the widget default text

data-feedback-farm-page-name

string

The page where the feedback was submitted

data-feedback-farm-project-id

string*

Feedback Farm project identifier

data-feedback-farm-theme

You can specify a theme that will override the default one

data-feedback-farm-types

You can replace the default type, Feature ; Bug ; Other by your own

data-feedback-farm-end-image-url

string

A url to an image that you would like to show when the user submit a feedback.

*required\ **Need to be "stringified"

**

*

**

feedback.farm
feedback.farm
object
object
object