FeedbackIQ LogoFeedbackIQ

Widget Installation

Add the FeedbackIQ widget to your website in minutes.

Prerequisites

  • • Created a FeedbackIQ account and project
  • • Access to edit your website's code
  • • Your project ID (found in project settings)

Installation

Add to Your Website

Copy and paste these two code snippets into your website's HTML.

index.html
1
2
<!-- Add this before </body> -->
<script src="https://feedbackiq.co/widget.js"></script>
index.html
1
2
3
4
5
6
<script>
  window.FeedbackIQ.init({
    projectId: 'your_project_id',
    position: 'bottom-right'
  });
</script>

Customization

Appearance

Customize colors and styling to match your brand

window.FeedbackIQ.init({
  projectId: 'your_project_id',
  theme: {
    primaryColor: '#0066FF',
    buttonText: 'Feedback',
    darkMode: 'auto'
  }
});

Best Practices

  • • Place the widget script just before the closing </body> tag
  • • Test the widget on different screen sizes
  • • Consider user experience when setting trigger timing
  • • Use appropriate color contrast for accessibility
Previous
Widget Overview
Next
QR Codes