Formbricks Open source Forms & Surveys Logo


In-app Pop-overs

The pop-over opens a little survey window with the survey content when the user clicks on a button.



The Best Practices come with a default pop-over in the script. We assume that you have already installed one of the Best Practices and configured it. If not, please proceed here:


To implement the pop-over, all you have to do is set up a button with the following onClick handler, like so:

<button onclick={(e) =>}>Feedback</button>

Full Example

Here is a full example file for React.js with TailwindCSS:

import { Button } from "@formbricks/ui";
import { useEffect, useRef, useState } from "react";

declare global {
  interface Window {
    formbricks: any;

export function FeedbackButton() {
  useEffect(() => {
    window.formbricks = {
      config: {
        formId: "abcdefg",
        contact: {
          name: "Matti",
          position: "Co-Founder",
          imgUrl: "",
    // @ts-ignore
  }, []);

  return (
    <Button variant="secondary" onClick={(e) =>}>
      Open Feedback

That’s it! 🎉

You’re Best Practice survey should open on button click.

Need help?

Join our Discord and ask away. We're happy to help where we can!

Join Discord
What are Wrappers?