Advanced widget use cases

Learn about the advanced use cases of FeedbackFlow Widget.

Advanced use cases allow you to have more control over the widget's position and behavior. This guide will help you to set up the widget in your application.

To reiterate, the FeedbackFlow widget provides a global FeedbackFlow object, which will be essential in the examples that follow.

Inserting the widget into a specific element

You can insert the widget into a specific element by passing the element to the insertInto method of the FeedbackFlow object.

Let's say you have a div with the id insertion-here in which you want to insert the widget.

<div id="insertion-here"></div>

We must first grab the element using JavaScript and pass it to the insertInto method.

const element = document.getElementById("insertion-here");
const widget = FeedbackFlow.insertInto(element);

The widget will be inserted into the div with the id insertion-here.

The returned widget object has the following methods:

• remove(): removes the widget from the DOM.

Next steps

Learn what happens when a user submits a feedback in the roadmap workflow section.