search
HomeSupport

square-codeEmbedding the Feedback Form

Easily collect feedback from customers and stakeholders inside your app or website.

The form embed enables you to integrate a feedback form seamlessly into your app or website. Feedback from customers and stakeholders lands in the Inbox for easy triage.

circle-exclamation

To enable users to log in, you must add the domain's URL to the list of trusted domains. The URL must include the subdomain. For example feedback.example.com.

hashtag
Installation instructions

1

hashtag
Copy the Form ID

Copy the form ID for the embed form.

2

hashtag
Select how to display your form

The form can be shown inline, alongside the content where you embed it, or opened programatically.

3

hashtag
Add the embed script

Add the following code snippet to the <head> section of your site.

<script src="https://embed.released.so/1/embed.js" defer></script>
4

hashtag
Add the released-form element to your page

Add the following code snippet to the <body> section of your site. Unlike the widget, the page content renders where you position the element. Ensure you replace the FORM_ID attribute.

<released-form form-id="FORM_ID"></released-page>

To automatically authenticate users, you can implement user verification and pass in the auth-token attribute.

<released-form form-id="FORM_ID" auth-token="AUTH_TOKEN"></released-page>

hashtag
Open/Closing the dialog

You can open the form programmatically using the Released API:

// Open the feedback form
window.Released.show('form', 'your-form-id');

// Close the feedback form
window.Released.close('form', 'your-form-id');

Example with a button:

const openFeedback = () => {
  window.Released?.show('form', 'your-form-id');
};

<button onClick={openFeedback}>
  Feedback
</button>

hashtag
Customize the page

1

Customize the page to match your brand and app design using the page properties. Adjust the title and description, or change the colors according to your preferences.

Please see the documentation for a full list of configuration options.

hashtag
Example

View an example of how to embed the page on CodePenarrow-up-right.

PreviousEmbedding the PageNextImplementing User Verification

Last updated

Was this helpful?