# For HTML {% hint style="info" %} **Good to know:** You first need to create an account on [feedback.farm](https://feedback.farm). {% endhint %} ## Get your Project id You can get your project id by going to [feedback.farm](https://feedback.farm) and select your project. ## Add the widget to your site Suppose that you have and HTML website like this ```html // index.html ... ``` You then want to add the script and the attributes to the button ```jsx // index.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 | [object](https://docs.feedback.farm/reference/api-reference/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 | [object](https://docs.feedback.farm/reference/api-reference/theme)\* | You can specify a theme that will override the default one | | data-feedback-farm-types | [object](https://docs.feedback.farm/reference/api-reference/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"