formbricks/packages/js

Formbricks Browser JS Library

Please see Formbricks Docs. Specifically, Quickstart/Implementation details.

What is Formbricks

Formbricks is your go-to solution for in-product micro-surveys that will supercharge your product experience! 🚀 For more information please check out formbricks.com.

How to use this library

1. Install the Formbricks package inside your project using npm:

npm install @formbricks/js

1. Import Formbricks and initialize the widget in your main component (e.g., App.tsx or App.js):

For Website surveys:

import formbricks from "@formbricks/js/website";

if (typeof window !== "undefined") {
  formbricks.init({
    environmentId: "your-environment-id",
    apiHost: "https://app.formbricks.com",
  });
}

For App surveys:

import formbricks from "@formbricks/js/app";

if (typeof window !== "undefined") {
  formbricks.init({
    environmentId: "your-environment-id",
    apiHost: "https://app.formbricks.com",
    userId: "REPLACE_WITH_DYNAMIC_ID",
  });
}

Replace your-environment-id with your actual environment ID. You can find your environment ID in the Setup Checklist in the Formbricks settings. If you are using App surveys please make sure to pass a unique user identifier to the Formbricks SDK.

For more detailed guides for different frameworks, check out our Framework Guides.