Set up widget

Learn about how to set up FeedbackFlow Widget.

Feedbackflow widget allows you to collect users suggestions and bug reports directly from anywhere inside your applications at any time. This guide will help you to set up the widget in your application.

Pre-requisites

Before you start, you need to have a FeedbackFlow account. If you don't have one, you can sign up for an account here.

Once you have an account, you can create a new FeedbackFlow project and get the project ID. You will need this ID to set up the widget.

Installation

FeedbackFlow widget supports all modern web frameworks and libraries. Install the floating action widget by adding the following script tag to your application.

<head>
  <!-- Other scripts -->
  <script src="https://feedbackflow.space/feedbackflow-widget.js" data-id="YOUR_ID"></script>
</head>

YOUR_ID corresponds to the FeedbackFlow project ID you want to collect feedback for. You can find your ID in the Widget tab of your FeedbackFlow.

By default the floating action widget is rendered in the bottom right corner of the screen. You can change the position of the widget by styling the .feedbackflow-action-widget class.

To move the widget to the left side of the screen, you can add the following CSS:

.feedbackflow-action-widget {
  left: 1.5rem;
}

Testing the widget

Once the widget is rendered on the page you can test it by clicking on the widget. The feedback form will be displayed and you can submit a feedback.

Troubleshoting

If the widget returns an error, please check the browser console for any errors. You can open the browser console by right-clicking on the page and selecting Inspect. Then navigate to the Console tab.

The most common issues are:

The project ID is incorrect.
The domain field in the project settings doesn't match the domain of the page where the widget is embedded.

If you are still facing issues, do not hesitate to contact us.

Next steps