Custom Feedback Buttons for your Website

Custom Website Feedback Button Examples

In this article, we'll see some really cool looking feedback buttons using only a few lines of CSS & HTML.

Once you have installed the Sleekplan feedback widget on your website, you'll notice that it comes with a native feedback button. The feedback button is fully customizable so you can chnage the logo, the size, the position, the displayed text and the color. However, to integrate the widget in your website you may want to build your own feedback button. No problem, you can add the data-sleek attribute to any HTML element on your website. Depending on the module you want to load on click, you can use the following attributes.

  • data-sleek-feedback to load the feedback baord
  • data-sleek-changelog to load the changelog
  • data-sleek-roadmap to load the roadmap

# Some custom feedback buttons for your website

Are you looking for some feedback buttons to use in a website project? We have a list of ones you might like (or you might just use it as a starting point to build your own ones). None of the buttons here do use any JavaScript library, but some example using the free Font Awesome icons. Feel free to use or modify the buttons according to your needs.

# 1. Simple feedback buttons

Simple buttons for feedback, changelog and roadmap. These buttons can be embedded in almost every webproject - inline or fixed.

Feedback button example 1

# 2. Fixed feedback buttons

We have used this type of buttons at Sleekplan. This is a simple solution to have your feedback and changelog action always visible and therefore obtain more attention.

Feedback button example 2

# 3. Dark mode feedback button

A cool looking button which is perfect for dark mode with a gradient border.

Feedback button example 3

# 4. Collapsing feedback buttons

If you are not a fan of such prominent buttons this or even the next buttons can be your choice. Due t the collapsing, it doest not take to much space and can be fixed ate the bottom of your website.

Feedback button example 4

# 5. FAB: The Floating Action (Feedback) Button

Feedback button example 5

by marco
Rocket

Looking for an all-in-one Feedback tool for your Product?

Sleekplan helps you to collect user feedback, keep a public changelog and structure your roadmap for free!