🔍Choosing placement

No site looks the same to another - that’s why we offer customization on where you can place the button on your site

1. Head over to the "Placement" card

On the “Content” tab of a project’s page, the “Placement” card is located next to the “Design” card.

"Placement" card

2. Choose placement mode

We offer 3 different placement mode depending on your use case.

Placement mode	Definition
Automatic	Place your feedback button at pre-defined positions of your site (ex: bottom right, bottom left, top right, top left)
Manual	You can decide where to render the button. Refer to the “Manual” placement guide below for further information.
Hidden	The button will not be visible. However, the function will still be operational.

3. Edit placement settings

3.A - Automatic placement

Select a position for your button from our list, and we’ll take care of the rest.

Automatic placement

3.B - Manual placement

When you select “Manual” placement, you will get the option to define on where to place your button. When using this option, the button will render inside the HTML element with the ID of what you written in the “Container’s ID” input.

Manual placement

In this example, when the page loads, the feedback button will be rendered inside the HTML element with the ID “feedbackButtonWrapper”. We recommend to go with div as the wrapper element.

3.C - Hidden placement

Hidden placement

Under this mode, the button will not be visible. This option is for users who wish to create their own feedback button. In this scenario, you can activate the button’s functionality by calling this public method "openUserHelpButton" from the windows interface. Below is a sample code using Javascript:

if(window.isUserHelpReady == true) {
    window.openUserHelpButton()
}

After selecting your preferred placement, you are one step closing in adding the feedback button into your site. Refer to the next guide on how to do so.