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-feedbackto load the feedback baord
data-sleek-changelogto load the changelog
data-sleek-roadmapto load the roadmap
# Some custom feedback buttons for your website
# 1. Simple feedback buttons
Simple buttons for feedback, changelog and roadmap. These buttons can be embedded in almost every webproject - inline or fixed.
# 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.
# 3. Dark mode feedback button
A cool looking button which is perfect for dark mode with a gradient border.
# 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.