Embedded mode
Instead of using a button to trigger the feedback modal, you can embed the feedback form directly into your page. This works well for dedicated feedback pages or inline feedback sections within your content.
Usage
To embed the feedback form, use the <feedback-modal> element with the embedded attribute set to "true":
<feedback-modal
project="YOUR_PROJECT_ID"
embedded="true">
</feedback-modal>
Behavior
Embedded mode changes how the widget behaves compared to the default button-triggered modal:
- The form displays immediately on page load.
- No close button renders, so users can't dismiss an embedded form.
- No overlay backdrop renders behind the form.
embeddedonly applies to<feedback-modal>. Settingembedded="true"on<feedback-button>has no effect.
Properties
The embedded form supports all modal-related properties from the Layout documentation, including modal-position, rating-mode, hide-email, hide-rating, hide-screenshot-button, and text customization options.