Skip to main content

​
Get started in three steps

Add a powerful feedback collection system to your website in minutes. No complex setup required.
1
Step 1: Create your account and first project
2
  1. Go to seggwat.com and create a free account
  2. Complete the sign-up process using your email or OAuth provider
  3. You’ll be redirected to your dashboard after registration
No credit card required to start collecting feedback!
  1. From your dashboard, click “Add new Project”
  2. Enter a project name (e.g., “My Website”)
  3. Add an optional description to help you identify the project
  4. Click “Create” to generate your project
Each project gets a unique API key that you’ll use to connect your website.
3
Step 2: Install the feedback button
4
  1. Navigate to your project in the dashboard
  2. Go to Installation in the sidebar
  3. Copy the script tag provided (it includes your unique project key)
Your script will look like this:
<script defer
  src="https://seggwat.com/static/widgets/v1/seggwat-feedback.js"
  data-project-key="YOUR_PROJECT_KEY"
  data-button-color="#ff865b">
</script>
Paste the script tag into your HTML, just before the closing </head> tag:
<!DOCTYPE html>
<html>
  <head>
    <title>My Website</title>
    <!-- Your other meta tags, stylesheets, etc. -->

    <!-- SeggWat Feedback Button -->
    <script defer
      src="https://seggwat.com/static/widgets/v1/seggwat-feedback.js"
      data-project-key="YOUR_PROJECT_KEY"
      data-button-color="#ff865b">
    </script>
  </head>
  <body>
    <!-- Your website content -->
  </body>
</html>
The defer attribute ensures the script loads without blocking your page rendering.
5
Step 3: View your feedback

Start collecting insights

  1. Visit your website - you’ll see the feedback button appear
  2. Click it and submit test feedback to verify everything works
  3. Go back to your dashboard and click “Feedback” to see all submissions
  4. Organize feedback by type (Bug, Feature, Improvement) and status (Open, In Progress, Resolved)
Feedback appears in real-time in your dashboard. No need to refresh!

​
Customize your button

Once the basic setup is complete, customize the button’s appearance using data attributes:

​
Available customization options

AttributeDescriptionExample
data-button-colorButton background color (hex)#10b981
data-button-positionButton position on screenright-side, bottom-right

​
Example: Green button on the right bottom

<script defer
  src="https://seggwat.com/static/widgets/v1/seggwat-feedback.js"
  data-project-key="YOUR_PROJECT_KEY"
  data-button-color="#10b981"
  data-button-position="bottom-right">
</script>

Advanced customization

Learn more about customizing colors, positioning, and behavior

​
Next steps

Explore integrations

Connect SeggWat with your CMS, project management tools, and more

Use the API

Build custom integrations and automate feedback workflows

Privacy & Compliance

Update your privacy policy and ensure GDPR compliance

Manage feedback

Learn how to categorize, prioritize, and act on user feedback

View analytics

Track feedback trends and measure user satisfaction over time

​
Common use cases

Perfect for marketing sites, portfolios, and static site generators (Jekyll, Hugo, Eleventy). Just paste the script in your HTML template.
Add the script to your main index.html or layout component. The button works seamlessly with single-page applications and handles route changes automatically.
Insert the script in your theme’s header or footer template. Many CMS platforms have custom script injection features that make this even easier.
Collect feedback at key moments in the user journey - during checkout, after onboarding, or when users encounter issues. Context-aware feedback helps you improve conversion.

​
Troubleshooting

Check these common issues:
  • Verify the script is inside the <head> tag, not <body>
  • Ensure your project key is correct (no extra spaces or quotes)
  • Check browser console for JavaScript errors
  • Confirm the script URL is correct: https://seggwat.com/static/widgets/v1/seggwat-feedback.js
  • Try clearing your browser cache
Verify the connection:
  • Submit test feedback and check the browser Network tab for API calls
  • Ensure you’re viewing the correct project in the dashboard
  • Check that your project is active (not deleted or disabled)
  • Look for error messages in the browser console
  • Color must be in hex format: #ff865b (not red or rgb(255, 134, 91))
  • Include the # symbol
  • Ensure the attribute name is exactly data-button-color
  • Clear cache and hard refresh (Ctrl+Shift+R or Cmd+Shift+R)
Need more help?