Widget Customization
Make the SimpleCommenter widget match your brand using the project theme and dashboard settings.
Widget appearance is managed from the dashboard. Embed script attributes do not override the saved project theme for color or position.
Color Customization
Primary Color
Set your brand color in Projects > Your Project > Theme.
This color is applied to:
- The feedback button background
- Primary action buttons
- Active states and highlights
- Links within the widget
Color Examples
| Brand | Hex Code | Preview |
|---|---|---|
| Yellow (default) | #F7D070 | Primary button color |
| Green | #7BC47F | Eco-friendly brands |
| Blue | #62B0E8 | SaaS and tech |
| Purple | #8B5CF6 | Creative agencies |
| Orange | #F97316 | Energetic products |
Text Customization
Button Text
Change widget copy from your dashboard settings rather than the embed script.
Popular alternatives:
- "Feedback"
- "Help"
- "Report Bug"
- "Suggestions"
- "Contact Us"
Placeholder Text
Customize placeholder text via the dashboard under Advanced > Localization:
- Comment placeholder
- Email placeholder
- Name placeholder
Position Options
Control where the widget button appears from Projects > Your Project > Theme.
Supported saved positions:
bottom-rightbottom-centerbottom-leftside-rightside-left
The project theme controls widget placement. If the embed script includes
data-position, it will not override the saved dashboard setting.
Advanced Styling
Use the project theme to control the widget's visual appearance. The current embed flow does not support per-script color or position overrides.
Dashboard Settings
Additional customization is spread across your project settings tabs:
- Theme — brand color, widget position, and logo
- Localization — button text, placeholder text, and every widget label
- Screenshots — screenshot capture behavior
- Functionalities — which fields and features are enabled (drawing, file uploads, comment title, mentions, and more)