All Collections
Getting started
Installing FeedbackChimp
Installing FeedbackChimp

Learn how to install FeedbackChimp and enable in-app widgets for Changelogs and Feedback.

Avatar of tanazmasaba06
Written by tanazmasaba06
Last updated Oct 22, 2024
FeedbackChimp makes it simple to collect feedback and keep users informed with the in-app Feedback and Changelog widgets. These widgets allow users to submit feedback, upvote suggestions, and stay updated on product changes—all from within your app.

Installing the Feedback Widget

The FeedbackChimp Feedback Widget enables users to submit their feedback without leaving your app. By integrating this widget, users can easily share their ideas and suggestions, and you can collect valuable insights to improve your product.
Image
To install the Feedback Widget:
  1. Embed the widget script: Add the FeedbackChimp widget script to your app’s HTML.
  2. Deploy the widget: Once installed, users will be able to click the “Give us feedback” option from your app’s sidebar.
<script>!function(e,c){let t="feedbackchimp-sdk";function a(){if(!c.getElementById(t)){var a=c.createElement("script");a.id=t,a.src="https://sdk.feedbackchimp.com/sdk.js",a.onload=function(){e.Feedbackchimp.q&&Array.isArray(e.Feedbackchimp.q)&&e.Feedbackchimp.q.forEach(function(c){e.Feedbackchimp.apply(null,c)})},c.getElementsByTagName("script")[0].parentNode.insertBefore(a,c.getElementsByTagName("script")[0])}}"function"!=typeof e.Feedbackchimp&&(e.Feedbackchimp=function(){(e.Feedbackchimp.q=e.Feedbackchimp.q||[]).push(arguments)}),"complete"===c.readyState||"interactive"===c.readyState?a():c.addEventListener("DOMContentLoaded",a)}(window,document);
</script>

<script>
Feedbackchimp("initialize_feedback_widget", {
  organization: "yourorg", // Replace this with your organization name, copy-paste the subdomain part from your Feedbackchimp workspace url (e.g. https://*yourorg*.feedbackchimp.space)
  placement: "right", // optional - remove to hide the floating button
  locale: "en", // Change the language
  color: "#8231d3",  // optional - floating button color
  email: "[email protected]", // optional
  defaultBoard: "yourboardname", // optional - preselect a board
})
</script>
For detailed installation steps, refer to the full guide: Installing the FeedbackChimp Feedback Widget.

Installing the Changelog Widget

The Changelog Widget keeps users informed about the latest product updates directly within your app. It displays recent changes and improvements, ensuring your users stay up to date.
Image
To install the Changelog Widget:
  1. Embed the changelog widget script into your app’s HTML.
  2. Deploy the changelog widget: Once installed, your users will have direct access to recent updates and improvements.
<script>!function(e,c){let t="feedbackchimp-sdk";function a(){if(!c.getElementById(t)){var a=c.createElement("script");a.id=t,a.src="https://sdk.feedbackchimp.com/sdk.js",a.onload=function(){e.Feedbackchimp.q&&Array.isArray(e.Feedbackchimp.q)&&e.Feedbackchimp.q.forEach(function(c){e.Feedbackchimp.apply(null,c)})},c.getElementsByTagName("script")[0].parentNode.insertBefore(a,c.getElementsByTagName("script")[0])}}"function"!=typeof e.Feedbackchimp&&(e.Feedbackchimp=function(){(e.Feedbackchimp.q=e.Feedbackchimp.q||[]).push(arguments)}),"complete"===c.readyState||"interactive"===c.readyState?a():c.addEventListener("DOMContentLoaded",a)}(window,document);
</script>

<script>
Feedbackchimp("initialize_changelog_widget", {
  organization: "yourorg", // Replace this with your organization name, copy-paste the subdomain part from your Feedbackchimp workspace url (e.g. https://*yourorg*.feedbackchimp.space)
  placement: "right", // Choose between right, left, top, bottom placement (Optional if fullscreenPopup is enabled)
  fullscreenPopup: true, // Optional - Open a fullscreen announcement of the new feature to the user
  locale: "en", // Change the language
  usersName: "John" // Optional - Show the users name in the welcome message for the fullscreen popup
})
</script>
For detailed installation steps, refer to the full guide: Installing the FeedbackChimp Changelog Widget.
If you need further assistance, reach out to our Customer Support.
Related Articles: