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 |
|---|---|---|
| Blue (default) | #3B82F6 | Primary button color |
| Green | #10B981 | Eco-friendly brands |
| Purple | #8B5CF6 | Creative agencies |
| Orange | #F97316 | Energetic products |
| Pink | #EC4899 | Lifestyle brands |
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 Settings > Widget:
- 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 available in your dashboard:
- Go to Projects > Your Project > Settings
- Navigate to the Widget tab
- Configure:
- Logo upload
- Thank you message
- Required fields
- Screenshot settings
- Form fields