Feedback widget for Webflow

PushFeedback collects user feedback directly from your website. This guide covers installation in a Webflow site.

Prerequisites

Before you begin, you need:

• A PushFeedback account. If you don't have one, sign up for free.
• A project created in your PushFeedback dashboard. If you haven't created one yet, follow the steps in the Quickstart guide.
• A Webflow site with the ability to add custom code (available on paid plans).

Installation

1. Log in to your Webflow account and open your project.

2. Navigate to Project Settings by clicking the gear icon in the left sidebar.

3. Go to the Custom Code tab.

4. In the Head Code section, add the following code to load the PushFeedback styles and scripts:

   <!-- Initialize the PushFeedback widget -->
   <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/pushfeedback/dist/pushfeedback/pushfeedback.css">
   <script type="module" src="https://cdn.jsdelivr.net/npm/pushfeedback/dist/pushfeedback/pushfeedback.esm.js"></script>

5. In the Footer Code section (which is inserted before the closing body tag), add the feedback button:

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

   Replace <YOUR_PROJECT_ID> with your project's ID from the PushFeedback dashboard.

6. Click Save Changes.

7. Publish your Webflow site to see the changes live.

8. Open your published website in a web browser to verify the feedback button appears and functions correctly.

Next steps

Choose what to do next:

• Customization — Adjust the widget's layout, styles, and text.
• Integrations — Forward feedback to Slack, email, Jira, and more.