The page you’re reading has a floating feedback button on the right-hand edge of the screen. However far you scroll, it stays in the same place, so you can click it at any moment to tell us something. Go ahead and try it. Test feedback is welcome.
This guide explains what a floating feedback button is, why it works better than a feedback link buried in your footer, and how to add one to your own website in about ten minutes.
- What is a floating feedback button?
- Why use a floating button instead of a link or a pop-up?
- How to add a floating feedback button in four steps
- Styling and placing your floating button
- Tips for getting useful feedback
- Frequently asked questions
What is a floating feedback button?
A floating feedback button is a small tab fixed to the edge of the browser window, usually on the right or along the bottom. It uses fixed positioning, so it stays visible while the page scrolls underneath it. Clicking it opens a short feedback form on top of the page, and the visitor never has to leave what they were doing.
It’s sometimes called a sticky feedback button, a feedback tab or a feedback widget. They all mean the same thing.
Why use a floating button instead of a link or a pop-up?
Visitors usually want to give feedback at the moment something goes wrong: a broken link, a confusing form field, a price that doesn’t match the checkout. If they have to hunt for a “Contact us” page, most of them won’t bother.
A floating button fixes that:
- It’s always within reach. The button is on every page and at every scroll position, so the visitor can report the problem right where it happened.
- It doesn’t interrupt. Unlike a pop-up survey, it waits until the visitor chooses to click it.
- It captures context. Because the form opens on the page itself, the feedback tool can record the page URL, browser, screen size and, with Saber Feedback, a screenshot of what the visitor saw.
- It’s small. A side tab takes up less space than a chat bubble and doesn’t cover your content.
Use it for reports of typos, broken links and wrong information, requests for help with a form, questions about your services, and ideas for improvement.
How to add a floating feedback button in four steps
Step 1: Start a free trial of Saber Feedback
Sign up for a 30-day free trial. You don’t need a credit card.
Step 2: Create a feedback form
In the Saber Feedback app, click New Feedback Form and give it a name, such as “Website feedback”. Only your team sees this name.
When you click Create Form, you get a ready-made feedback form and the floating button that opens it. You can change the form’s questions and choose any of 15 languages later.
Step 3: Paste the code snippet into your website
Saber Feedback shows you a short embed code. Copy it and paste it into your site’s HTML just before the closing </head> tag, then save and publish the change.
If you don’t edit HTML yourself, there are easier routes for WordPress, Shopify and Moodle, and our guide to adding a feedback button covers Wix, Squarespace, Webflow and Google Tag Manager too.
Step 4: Check the button and send a test
Open your website. You should see the floating feedback button on the right-hand side. Click it, send a test message, and check that it arrives where you expect, whether that’s your email inbox, the Saber Feedback dashboard, or a tool like Jira or Slack.
Here’s the same process on video:
Styling and placing your floating button
In the feedback button settings you can change:
- Style. A Label sits vertically on the side of the screen. A Tab sits along the bottom.
- Position. Attach the button to the left or right edge, whichever is clear of your other page elements.
- Colours. Set the background and text colours to match your brand.
- Label text. The default label is “Feedback”, translated into your form’s language. You can replace it with something more specific, such as “Report a problem” or “Suggest an idea”.
If you’d rather not show a floating button at all, you can hide it and open the same feedback form from your own link, icon or menu item with one line of JavaScript, Saber.do('open');. The JavaScript API documentation explains how.
Tips for getting useful feedback
- Keep the form short. One comment box and an optional email field get more responses than a long questionnaire.
- Avoid clashes with other floating elements. If you have a chat bubble in the bottom-right corner, put the feedback button on the left edge, or use the side label style so the two don’t overlap.
- Test it on mobile. Check that the button doesn’t cover navigation or “Add to cart” buttons on small screens.
- Send feedback where your team works. On the Startup plan and above, Saber Feedback can send reports with screenshots to tools such as Jira, Slack, Trello and Asana.
- Reply and fix quickly. Visitors who see their feedback acted on are more likely to send it again. Our guide on how to respond to customer feedback has example replies.
Frequently asked questions
Will a floating feedback button slow down my website? No. The Saber Feedback widget loads asynchronously after your page, so it doesn’t hold up your content.
Does it work on mobile? Yes, on mobile websites. The button and form work in phone and tablet browsers as well as on desktop. It doesn’t work inside native mobile apps.
Can visitors attach a screenshot? Yes. On the Startup plan ($99/month) and above, visitors can include a screenshot of the page with their feedback, and you can turn screenshots off if you don’t need them.
How much does it cost? Saber Feedback plans start at $49 a month, with unlimited page views on every plan. See pricing for details.
Try Saber Feedback free for 30 days
Saber Feedback gives you a floating feedback button that’s quick to install, easy to style, and connects to the tools your team already uses. It’s flexible enough to be useful, without the extra complexity that adds to your team’s workload.
Start your free trial, see pricing, or learn more about Saber Feedback.