---
title: "Custom Feedback Buttons for your Website — Sleekplan Journal | Sleekplan"
canonical_url: "https://sleekplan.com/blog/feedback-buttons-for-websites"
last_updated: "2026-05-28T21:01:37.266Z"
meta:
  description: "In this article, we'll see some really cool looking feedback buttons using only a few lines of CSS & HTML."
  "og:description": "In this article, we'll see some really cool looking feedback buttons using only a few lines of CSS & HTML."
  "og:title": "Custom Feedback Buttons for your Website — Sleekplan Journal | Sleekplan"
---

`
```

## 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](https://fontawesome.com/) 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.

<iframe width=“100%” height=“300” src=“ [//jsfiddle.net/mrcogrf/m50pt6cr/21/embedded/html,css,result/dark/](https://jsfiddle.net/mrcogrf/m50pt6cr/21/embedded/html,css,result/dark/)” allowfullscreen=“allowfullscreen” allowpaymentrequest frameborder=“0”></iframe>

### 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.

<iframe width=“100%” height=“300” src=“ [//jsfiddle.net/mrcogrf/vj240edq/33/embedded/html,css,result/dark/](https://jsfiddle.net/mrcogrf/vj240edq/33/embedded/html,css,result/dark/)” allowfullscreen=“allowfullscreen” allowpaymentrequest frameborder=“0”></iframe>

### 3. Dark mode feedback button

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

<iframe width=“100%” height=“300” src=“ [//jsfiddle.net/mrcogrf/6zs1t4jk/9/embedded/html,css,result/dark/](https://jsfiddle.net/mrcogrf/6zs1t4jk/9/embedded/html,css,result/dark/)” allowfullscreen=“allowfullscreen” allowpaymentrequest frameborder=“0”></iframe>

### 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.

<iframe width=“100%” height=“300” src=“ [//jsfiddle.net/mrcogrf/01kh93xp/24/embedded/html,css,result/dark/](https://jsfiddle.net/mrcogrf/01kh93xp/24/embedded/html,css,result/dark/)” allowfullscreen=“allowfullscreen” allowpaymentrequest frameborder=“0”></iframe>

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

<iframe width=“100%” height=“300” src=“ [//jsfiddle.net/mrcogrf/1huq0dba/35/embedded/html,css,result/dark/](https://jsfiddle.net/mrcogrf/1huq0dba/35/embedded/html,css,result/dark/)” allowfullscreen=“allowfullscreen” allowpaymentrequest frameborder=“0”></iframe>

NNasa·Apr 3, 2021

More from the Journal

[Feb 25, 20225 min User Feedback Tools - The ultimate list for 2022→](https://sleekplan.com/blog/user-feedback-tools-2022) [Nov 15, 20214 min NPS: What is the Net Promoter Score?→](https://sleekplan.com/blog/nps-what-is-net-promoter-score) [Nov 13, 20216 min User Feedback Tools: Become a customer-centric business!→](https://sleekplan.com/blog/user-feedback-tools)

Keep up

## New essays land on LinkedIn every Tuesday.

Follow Sleekplan on LinkedIn — we post every new piece there, plus the shorter notes that never make it to the journal.

[Follow on LinkedIn](https://www.linkedin.com/company/sleekplan/)

Done reading? [Try Sleekplan free ](https://sleekplan.com/sign-up)