Embeddable Widgets

Collect feedback anywhere on your website

Growth Plan Feature

Embeddable Widgets are available on the Growth plan and above. Add a feedback button, inline form, or floating widget to your website with a single script tag.

View Pricing

Overview

IdeaLift widgets let you collect feedback directly from your website or web application. Drop a lightweight JavaScript snippet into your site and feedback submissions flow straight into your IdeaLift inbox — categorized, scored, and ready for review.

Widgets work on any website, including static sites, SPAs, and server-rendered apps. They load asynchronously and have no impact on your page performance.

Widget Types

Feedback Button

A small button that sticks to the edge of your page. When clicked, it opens a compact feedback form. This is the most popular widget type — unobtrusive yet always accessible.

Best for: SaaS dashboards, admin panels, any app where users spend extended time.

Inline Form

A feedback form embedded directly into your page content. It renders wherever you place the container element — perfect for dedicated feedback pages or sidebars.

Best for: Feedback pages, help centers, post-purchase flows, onboarding screens.

Floating Widget

A chat-style widget that floats in the corner of your page. It opens into a larger panel where users can submit feedback and browse your public roadmap.

Best for: Marketing sites, landing pages, e-commerce sites, anywhere you want a conversational feel.

Installation

1Get Your Snippet

Go to Settings → Widget in your dashboard. Select the widget type you want and copy the generated script tag.

2Add to Your Site

Paste the snippet before the closing </body> tag on every page where you want the widget to appear:

<script
  src="https://widget.idealift.app/v1/widget.js"
  data-workspace="YOUR_WORKSPACE_ID"
  data-type="button"
  async
></script>

3Verify Installation

Load your site and look for the widget. Submit a test idea and confirm it appears in your IdeaLift inbox. The widget will show immediately — no deploy or build step required.

Customization

Make the widget match your brand. All customization is done in your dashboard and applied instantly — no code changes required.

Colors

Set the primary color, background color, and text color to match your brand palette. Light and dark mode variants are supported.

Position

Choose which corner the widget appears in: bottom-right, bottom-left, or a custom position using CSS offsets.

Text and Labels

Customize the button label, form title, placeholder text, and submission confirmation message. Supports multiple languages.

Form Fields

Choose which fields to display: title, description, category selector, email capture, and file attachments. Mark fields as required or optional.

Widget API

For advanced use cases, the widget exposes a JavaScript API you can use to control it programmatically.

// Open the widget programmatically
window.IdeaLift.open();

// Close it
window.IdeaLift.close();

// Pre-fill fields
window.IdeaLift.open({
  title: "Feature request from pricing page",
  category: "billing",
  email: currentUser.email,
});

// Identify the user (for attribution)
window.IdeaLift.identify({
  email: currentUser.email,
  name: currentUser.name,
  plan: currentUser.plan,
});

Tip: Use identify() to automatically link submissions to customer accounts. This improves signal scoring accuracy and lets you see which customers are requesting what.

← Back to Documentation