Install the widget
The widget brings Tembrio into your product so customers can submit, vote, and read updates without leaving your app.
How the widget works
Each widget install points to a board id. The script creates a floating launcher and opens an embedded Tembrio feedback experience in an iframe.
The widget should be installed where feedback is most useful: inside the logged-in product, not just on a marketing page.
Step-by-step
- 1
Open Widget settings. Choose the site and board that should receive in-app feedback.
- 2
Copy the install snippet. Use the dashboard-generated snippet so the board id and position are correct.
- 3
Paste it into your app. Add it before the closing body tag or through your tag manager.
- 4
Test as a visitor. Submit, vote, and switch boards if enabled.
- 5
Review placement. Make sure the launcher does not cover chat buttons, save controls, or mobile navigation.
Example
<script async src="https://tembrio.com/embed/tembrio-widget.js" data-board-id="BOARD_ID" data-position="bottom-right" data-user-jwt="USER_JWT"></script>Details to remember
- The live widget script currently requires data-board-id.
- data-position can be bottom-left or bottom-right.
- data-user-jwt is optional and should be generated server-side.