Widget Installation Guide

The feedto.me widget lets your users submit feedback, search your knowledge base, view your changelog and roadmap — all from an embedded panel on your website.

Quick Install

Add this script tag to your website's HTML, just before the closing </body> tag:

<script
  src="https://feedto.me/widget/embed.js"
  data-product="YOUR_PRODUCT_ID"
></script>

Replace YOUR_PRODUCT_ID with your product ID, found in Settings → Widget.

Configuration Options

The widget supports several data-* attributes for customization:

Attribute	Description	Default
`data-product`	Your product ID (required)	—
`data-position`	Widget button position: `bottom-right` or `bottom-left`	`bottom-right`
`data-color`	Primary color in hex (e.g., `#6366f1`)	Your brand color
`data-locale`	Force a locale: `en`, `es`, `fr`, `it`, `pt`	Auto-detect

Example with Options

<script
  src="https://feedto.me/widget/embed.js"
  data-product="YOUR_PRODUCT_ID"
  data-position="bottom-right"
  data-color="#6366f1"
  data-locale="en"
></script>

Widget Features

The widget includes multiple tabs that you can enable or disable from Settings → Widget:

Feedback — Users can submit feature requests and bug reports
Knowledge Base — Searchable help articles so users find answers before creating tickets
Changelog — Show latest product updates
Roadmap — Display your public roadmap

Framework-Specific Setup

Next.js / React

Add the script to your root layout:

// app/layout.tsx
export default function RootLayout({ children }) {
  return (
    <html>
      <body>
        {children}
        <script
          src="https://feedto.me/widget/embed.js"
          data-product="YOUR_PRODUCT_ID"
          async
        />
      </body>
    </html>
  );
}

Static HTML

Simply paste the script tag before </body> in your HTML file.

Verification

After installing the widget:

Visit your website
Look for the floating widget button in the bottom corner
Click it to verify all configured tabs appear
Submit a test feedback post to confirm connectivity

You can verify the installation from Settings → Widget → Verify Installation.

Troubleshooting

Issue	Solution
Widget not appearing	Check that the script is loaded and `data-product` is correct
CORS errors in console	Ensure your domain is allowed in Settings → Widget
Wrong language	Set `data-locale` explicitly or check browser language settings
Features missing	Enable/disable widget tabs in Settings → Widget