For the complete documentation index, see llms.txt
Skip to main content

Quickstart

Add a feedback widget to your site and confirm that a response reaches your dashboard.

  1. Create your PushFeedback account​

    1. Open PushFeedback.

    2. Enter your email and password, accept the Terms of service and Privacy policy, and click Sign up. Company name is optional.

      Create a PushFeedback account

    3. Open the confirmation email and confirm your address.

      Email confirmation screen

  2. Create a project​

    A project collects feedback from one website.

    1. Open Projects and click Create project.

    2. Enter your Website URL, such as https://docs.example.com, and click Create project. Use the exact domain or subdomain where the widget runs.

      Website URL step in project setup

    3. On Set up widget, choose a layout and copy the HTML snippet under Add it to your website. It contains your project ID.

      HTML snippet and Continue to notifications button

    4. Click Continue to notifications. Enter the email address for feedback alerts and click Finish setup, or select Skip for now.

      Email notification setup

    You can copy the code again from Projects > your project > Snippet. Change notifications under Settings > Integrations > Email.

  3. Add the widget to your site​

    For an HTML site, add this to <head>:

    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/pushfeedback@latest/dist/pushfeedback/pushfeedback.css">
    <script type="module" src="https://cdn.jsdelivr.net/npm/pushfeedback@latest/dist/pushfeedback/pushfeedback.esm.js"></script>

    Add this before </body>. Replace YOUR_PROJECT_ID with the ID from Snippet:

    <feedback-button project="YOUR_PROJECT_ID" button-position="bottom-right" modal-position="sidebar-right" button-style="dark">Feedback</feedback-button>

    For a framework or CMS, use its installation guide.

    1. Open your site and click Feedback.

      Feedback widget open on a documentation page

    2. Enter a test message and click Send. Open your project in PushFeedback and confirm the response appears under Feedback entries.

      Test response in Feedback entries

    If submission fails, check the project ID and the allowed website URLs. Local testing uses localhost or 127.0.0.1.

  4. Customize the widget​

    Use Snippet in your project to change the layout, colors, and text, then replace your site's code. For settings in code, see Layout, Styles, and Text.

Next steps​